vue bus 使用方法

作用：兄弟之间相互传值

1、在src文件下创建一个bus文件夹,
在文件夹下创建一个index.js

代码如下

// 三部曲
// 1、引用vue
import Vue from 'vue'
// 2、创建一个名为bus 的空vue
const bus = new Vue()
// 3、导出
export default bus;

在main.js中引用并挂载

import bus from './bus'

Vue.prototype.$bus=bus

传值

this.$bus.$emit("vaPage",value); //很像父子之间传值的方法

接收

   this.$bus.$on("vaPage", v =>{   //vaPage传的时候的key是什么接收就必须是什么
        console.log(v);   //v是传来的值，可以接收多个参数
    })