vue非父子组件传值

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)

})

}