美文网首页
2019-12-13

2019-12-13

作者: 奶茶和亮亮 | 来源:发表于2019-12-13 18:07 被阅读0次

vue-bus的使用

1. 安装:npm install vue-bus 

2.使用:在main.js中

import VueBus from 'vue-bus';

Vue.use(VueBus);

3.在A组件触发:

 <button @click="saveDetail()">保存</button>

sava(){

  this.$bus.emit("事件名,例如:sendData", '传的内容,例如:data');

}

4.在B组件接收

 this.$bus.on("sendData", function(data) {

          data(传过来的内容)

    });

5.在组件销毁时关闭

 destroyed() {

    this.$bus.off("sendData");

  }

相关文章

网友评论

      本文标题:2019-12-13

      本文链接:https://www.haomeiwen.com/subject/scqqnctx.html