在实际运用中,一般将bus抽离出来: //Bus.js import Vue from 'vue' const Bus = new Vue() expore default Bus 组件调用时引用(import Bus from './Bus.js') 但这种引入方式,经过webpack打包后可能会出现Bus局部作用域的情况,即引用的是两个不同的Bus,导致不能正常通信 实际运用: 将Bus注入到Vue根对象中 import Vue from 'vue' const Bus = new Vue() var app= new Vue({ el:'#app', data:{ Bus } }) 在子组件中通过this.$root.Bus.$on(),this.$root.Bus.$emit()来调用 总结 以上所述是小编给大家介绍的vue组件中的数据传递方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对中文源码网网站的支持!