Vue原型扩展的方法

59 阅读1分钟
  1. 在src目录下新建一个 extends 文件夹

image.png

  1. 在extends文件夹下新建两个个js文件
  2. a. event.js
    b. index.js

event.js中内容

export default function(Vue){
  Vue.prototype.$eventDispatch = function (name,value){
      let parent = this.$parent
      while (parent){
          parent.$emit(name,value)
          parent = parent.$parent
      }
  }
}

index.js中内容

import eventExtend from './event'
export {
    eventExtend
}
  1. 在main.js中引入并使用
import { eventExtend } from './extends'
eventExtend(Vue)
  1. 在组件使用扩展的方法
this.$eventDispatch('useMoney')