[JavaScript知识库]VUE组件之间的数据互传

组件之间的数据共存

父组件给子组件传（通过自定义属性）：

子组件中：通过props自定义属性，

父组件中：负责把数据通过v-bind绑定传给子组件

子组件传给父组件（通过自定义事件）：

在子组件中：调用this.$emit()来触发自定义事件（参数1：字符串表示自定义事件的名称，参数2 ：值要传给父组件的数据）

在父组件中通过@绑定自定义事件，并提供一个事件处理函数，通过事件处理函数的形参接收到子组件传递过来的数据

兄弟之间共享数据（通过$EventBus）:

数据发送方：导入eventbus.js——import bus from '路径'，然后自定义事件：bus.$event('事件的名字'，要发送的数据)

eventBus模块：创建vue的实例对象：import Vue from 'vue'

向外导出Vue的实例对象：export default new Vue()

数据接收方：定义在created生命周期函数下，导入eventbus.js——import bus from '路径'，然后通过bus.$on('申明自定义函数的名字'，（）=>{})，通过第二个参数事件回调参数来接收数据发送方发送的数据。