html5 网站设计,图书馆网站建设工作,wordpress站添加根部单页打不开,信息流广告哪个平台好前些天发现了一个巨牛的人工智能学习网站#xff0c;通俗易懂#xff0c;风趣幽默#xff0c;忍不住分享一下给大家。点击跳转到教程。 vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信#xff0c;可…前些天发现了一个巨牛的人工智能学习网站通俗易懂风趣幽默忍不住分享一下给大家。点击跳转到教程。 vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信可以通过实例一个vue实例Bus作为媒介要相互通信的兄弟组件之中都引入Bus之后通过分别调用Bus事件触发和监听来实现组件之间的通信和参数传递。 首先需要在任意地方添加一个bus.js 在bus.js里面 写入下面信息 import Vue from vueexport default new Vue; 在需要通信的组件都引入Bus.js
如果你的bus.js是自定义一个bus的文件那from后面就改成你的所放的位置
import Bus from ./bus.js 接下来就是要组件通信了 添加一个 触发 #emit的事件按钮
templatediv idemitbutton clickbus按钮/button/div/template import Bus from ./bus.js
export default { data() {return {message: }},methods: {bus () {Bus.$emit(msg, 我要传给兄弟组件们你收到没有)}}
}
打开要和$emit通信的另外一个组件 添加 在钩子函数中监听msg事件
templatediv idonp{{message}}/p/div
/templateimport Bus from ./bus.js
export default {data() {return {message: }},mounted() {let self thisBus.$on(msg, (e) {self.message econsole.log(传来的数据是${e})})}}
最后p会显示来自$emit传来的信息
转自https://www.cnblogs.com/place-J-P/p/7586819.html
