Vue 兄弟之间传值

如何在兄弟组件中传值

1. 在main.js中:

new Vue({

  beforeCreate() {
    Vue.prototype.$bus = this; //安装全局事件总线，$bus就是当前应用的vm
  },

}).$mount("#app");```

2. 在发送页面

  this.$bus.$emit("canshu", res.data.data);  // canshu 自定义的, 可以理解为标识, 在接收页面需要和其一致   res.data.data 是需要传送的数据

3. 接收页面

// canshu 自定义的标识, 和发送数据页面保持一致,  后面的res  就是传过来的数据
 this.$bus.$on("canshu", (res) => {
      console.log(res);
    });