- 在src目录下新建一个 extends 文件夹
- 在extends文件夹下新建两个个js文件
- 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
}
- 在main.js中引入并使用
import { eventExtend } from './extends'
eventExtend(Vue)
- 在组件使用扩展的方法
this.$eventDispatch('useMoney')