javascript - vue2.0是不是不能用event bus了

问题描述

问 题

在vue1中可以通过

var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
  // ...
})

进行不同组件之间的通信，在vue2.0中我试了下这个方法，没有实现，是不是已经被废弃了，那该用什么来代替呢？

解决方案

並沒有被廢棄，還是存在著，語法一樣是

const Bus = new Bus();

Bus.$on('greeting', (msg) => console.log('哈囉, ' + msg);
Bus.$emit('greeting', 'Something');

如果你輸入的代碼如同上面那個...那應該是順序問題，因為你是放在鉤子裡：
我簡單的在父組件與子組件的鉤子裡 console.log，你可以看到他們的執行順序，這或許就是沒正確執行的原因，必須保證先 $on 後 $emit

例子

这篇关于javascript - vue2.0是不是不能用event bus了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！