javascript - vue2.0是不是不能用event bus了
天蓬老师
天蓬老师 2017-04-11 11:00:09
0
5
346

在vue1中可以通过

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

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

reply all(5)
巴扎黑

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

const Bus = new Bus();

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

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

例子

迷茫

谢邀,但是我不会 vueJs....汗!

阿神

这样写

<component_b @selected="fun"></component_b>
洪涛

$emit/$on 在 2.0 中是可以使用的。

$dispatch 和 $broadcast 弃用

伊谢尔伦

https://github.com/yangmingsh...

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!