vue 兄弟组件传值【非父子组件传值】

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013022210/article/details/88637634

1、新建一个js 文件  然后引入vue  实例化vue  最后暴露这个实例

//新建一个model 文件夹并且新建一个VueEvent.js


//以下为VueEvent.js的内容

import Vue from 'vue';

var VueEvent = new Vue();

export default VueEvent;

2、在要广播的地方引入定义的实例

//首先引入VueEvent

import VueEvent from 'VueEvent.js';


VueEvent.$emit('名称','数据');

4、在接收数据的地方通过以下方式使用

//首先引入VueEvent

import VueEvent from 'VueEvent.js';


mounted(){

    VueEvent.$on('名称',(data)=>{

        console.log(data);

    })

}