javascript - vue2.0 跨组件通信问题

问题描述

问 题

vue2.0 弃用了 $dispatch 和 $broadcast ，由于项目本身不复杂，所以不打算引入vuex，于是按照教程，建立一个空的Vue实例，来实现跨组件通信。
教程如图：

我将var bus = new Vue() 放在了main.js 中（不知道这样对不对），最终并未实现跨组件通信，反而在控制台中报错 Uncaught ReferenceError: bus is not defined(…)

想知道我的问题出在哪？

解决方案

非父子组件通信，使用$on监听，使用$emit触发。但是组件是相互独立的，而使用$emit获得$on传递的参数的关键是2者必须拥有公共的实例。所以这里，我们需要单独新建一个公共实例文件：bus.js（名字随便取）。然后把bus实例分别传给需要通信的2个组件。最后，利用bus的实例实现组件通信：bus.$on传数据给bus.$emit。

我也是看官网例子没弄明白，自己捣鼓了1天才实现了组件通信，思路大概是这样。如有错误，希望大神们纠正。

这篇关于javascript - vue2.0 跨组件通信问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！