vue2.0组件事件的发送与接收处理方式

今天学习视频使用vue1.0的$dispatch我这里毫无反应,查阅发现Vue2.0已经废除了这种方法。


其中Vue2.0使用的一种方式是,在main.js中`new Vue`对象时在`data{}`中加入一个空Vue对象, 我成功后的代码如下(这里为了不让篇幅过长,我只剪切了精华):
main.js
new Vue({
  data: {
    eventHub: new Vue()  // 只需要加入上下这三行代码
  }
}).$mount('#app')

理解是在“根部”设立一个专门派发事件的“主持”。


然后组件发送事件及接收事件通过这个“主持”就比较方便了。

发送事件:this.$root.eventHub.$emit('事件名称',参数)
接收事件:this.$root.eventHub.$on('事件名称', 处理函数)

————————————————————END——————————————————

你可能感兴趣的:(Vue)