1.新建文件VueEvent.js
//引入空的vue实例
import Vue from "vue"
var VueEvent=new Vue()
//暴露vue实例
export default VueEvent;
2.在非父子组件中的有个文件进行广播数据
//引用vue实例
import VueEvent from '../model/VueEvent.js';
//广播数据()
methods:{
emitNews(){
VueEvent.$emit('to-news'(自己命名),this .msg(广播的数据))
}
}
2.在非父子组件中的有个文件进行接收数据
//引用vue实例
import VueEvent from '../model/VueEvent.js';
//接收数据
mounted(){
VueEvent.$on('to-news',function(data){
console.log(data)
})
}