Vue组件间相互通信的方法

Vue组件间相互通信的方法

Vue中各个组件，无论是定义全局的，还是局部的，各自都好似一座孤岛，无法“直接”访问到外部的如：data、computed、methods…等信息，那就意味着变量、方法等等都要在一个组件中来完成。如果用Vue来构建一个项目，可想而知这是一件多么糟糕的事情。所以对于Vue各组件间如何实现相互通信显得尤为重要，以下是总结的一些方法：

1.父组件向子组件传递

2.子组件向父组件传递

3.非父子通信

第一种：中间人模式，利用共同的父级作为桥梁来实现通信

第二种：利用“中央事件总线”直接实现兄弟组件间的传递

4.ref暴力通信

5.V-model通信

逆战班
2020.02.29