vue 6种通信总结②
2018-06-20 本文已影响22人
_星野
继续上一篇的vue 6种通信总结①
非组件间的组件间的传值(简称:EventBus)
我先举个例子来解释下组件间的关联
组件A比作一个路由,通过中继器(eventBus.js)让其他房子接收到信号(组件B)
首先在src目录下创建一个eventBus.js文件,复制这行代码进去
import Vue from 'vue'
let connect = new Vue() // 实例
export default connect
组件A
![](https://img.haomeiwen.com/i6206911/2ca1862004e2f24f.png)
组件B
![](https://img.haomeiwen.com/i6206911/462b7d71a2eb8226.png)
效果
![](https://img.haomeiwen.com/i6206911/7b00db0e33468171.png)
![](https://img.haomeiwen.com/i6206911/11e578e73f01bf23.png)
下一篇:vue 6种通信总结③