Vue组件之间的数据传递(通信)

1. 父组件跟子组件通信
2. 子组件跟父组件通信
3. 兄弟组件之间的通信

可以通过prop将数据传递给子组件

1. prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是反过来不会。这是为了防止子组件无意间修改了父组件的状态，来避免应用的数据流变得难以理解。
2. 每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着你不应该在子组件内部改变 prop。如果你这么做了，Vue 会在控制台给出警告。

father.vue

child.vue

prop验证

可通过emit将数据传递给父组件，父组件监听事件的触发(KaTeX parse error: Expected 'EOF', got '，' at position 4: on)，̲子组件手动触发事件(emit)。

father.vue

child.vue

可以用过一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，之后通过分别调用Bus事件触发KaTeX parse error: Expected 'EOF', got '和' at position 5: emit和̲监听on来实现组件之间的通信和参数传递。类似与子传父，只不过是利用一个新的vue示例作为媒介，而不是当前vue示例(this)

bus.js

import Vue from 'vue';
export default new Vue;

a.vue

b.vue