vue组件通信问题

Question

在一个页面里面2这个组件如何和兄弟组件3的子组件4通信？

1如何给子组件4（跨层级）通信？

有没有好的方案？vuex和eventBus都有一定的局限

Answer 1

最好的2个方案都被你排除了，不知道你所谓的局限是指哪一方面。
试下最简单的$bus方案，就是把消息监听跟分发都直接挂载在$root上
监听

mounted() {
  this.$root.$emit('MessageTest', msg => {
    console.log(msg);
  });

分发

this.$root.$on('MessageTest', 'test message');

只要eventName是一致的，不管跨多少层级只要在监听都消息直达

Answer 2

Vue组件通信:

1.父子间通信
2.子父间通信
3.非父子通信
4.Vuex