vue非父子组件通信 (两个不同的组件通信)
vue非父子组件通信 (两个不同的组件通信)
·
对于刚刚接触vue,还不是很熟悉的朋友,比如我,真的就懵逼了。怎么用?
下面是我自己的实例代码:
这里需要说明一下,我是安装vue脚手架进行开发的,不是直接引入vue.js。
1.首先要建立一个中转站:eventBus.js 建议放在assets文件夹下面,内容很简单,引入vue并且导出即可。
2.第二步,就是在你当前组件,就是需要触发事件的那个组件里面先引入eventBus.js,不引入怎么用呢?
接下来就是要在methods里面去触发了。我自己是将它放在函数里,在其他事件中触发它。
3.最后一步就比较简单了,在你需要展示效果的另一个组件页面去监听它即可,监听要注意必须在生命周期函数created中。
当然,别忘了引入eventBus.js。
好了,内容就这么多,个人感觉已经很清晰了。如果对上面的change有疑问,不用太在意,就是一个触发事件的媒介,你换成点击还是hover都可以。
非父子组件就先这样了,接下来得去学习父子组件了,说出来你不信,我整个项目都没用父子组件传递数据,全程params传参。
更多推荐
已为社区贡献26条内容
所有评论(0)