Vue使用Bus在vue-cli2.0中实现同级组件通信

1.在main.js中将bus的实例暴露给外界

beforeCreate() {
    Vue.prototype.bus = this
}

2.在A组件中触发B组件的方法

 this.bus.$emit("change"); // change为自定义的通信名称,用来与另一个要通信的组件进行关联

3.在B组件中监听是否触发相应的事件

mounted() {
    this.bus.$on("change", function() {
      console.log('B组件的方法被A组件触发');
    });
  }
发布了125 篇原创文章 · 获赞 68 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/qq_42109746/article/details/101949247