Vue 组件间的通信

Posted 2020-12-19 wjw1014

Vue 组件间的通信

组件间通信方式

1. props ：父组件向子组件传递数据。
2. $emit ：自定义事件。
3. slot ：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。

组件间通信规则

1. 不要在子组件中直接修改父组件传递的数据。
2. 数据初始化的时候，应当看初始化的数据是否用于多个组件中，如果需要被用于多个组件中，则初始化在父组件中；如果只在一个组件中使用，那就初始化在这个要使用的组件中。
3. 数据初始化在哪个组件，更新数据的方法（函数）就应该定义在哪个组件中。