Web前端之路让前端飞前端xuexi

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

image.png

组件B

image.png
效果
image.png
image.png
下一篇:vue 6种通信总结③
上一篇 下一篇

猜你喜欢

热点阅读