<!-- 代码步骤:创建两个兄弟节点----创建新事件中心----用新事件中心on方法给两个组件创建事件监听并设置好接受参数−−−−给两人的可触发时间绑定事件中心的emit方法,但触发函数是对方的函数名,同时设置好传递的参数----手动触发事件,获取数据,展示数据 -->
<!-- ------------------------------------ --> emit方法监听对方的事件,一旦对方事件触发,会将携带的数据传给
on接收函数 methods: { shijianzs: function () { center.emit('lsjianting', this.zsmsg) } }, template: '#zs', }) Vue.component('lisi', { data: function () { return { lsmsg: '李四牛逼' } }, mounted: function () { // 使用钩子函数,在模版渲染完后,钩子函数会执行并调用下面的事件监听函数,这个事件监听函数会接收兄弟传来的数据。 center.
on('lsjianting', (val) => { this.lsmsg = val }) }, methods: { shijianls: function () { // 用emit方法监听对方的事件,一旦对方事件触发,会将携带的数据传给
on接收函数center.emit('zsjianting', this.lsmsg) } }, template: '#ls', }) var vm = new Vue({ el: "#app", })