vue组件之间通信

vue 组件之间通信

vue组件之间通信方式：

1.父组件通过props向下传数据给子组件，子组件通过$emit事件告诉父组件，父子组件方便，其他类型组件不友好

2.vuex状态管理器，将组件需要变量全部存储在一个对象里，然后将对象放在顶层组件中供全局使用，

使用：vue.use(vuex); 执行vuex里面install方法

这里mixins是一种vue分发复用功能的方式

触发组件的beforeCreate，执行vuexInit方法，如果注入有store，执行构造函数store(),如果没有store，说明是子组件，从父组件获取状态

3.eventbus 注册全局事件总线

使用：创建全局eventbus

Vue.prototype.$EventBus = new Vue()

订阅：this.$EventBus.$on('add',(val){console.log(val,'接收到的参数')})

发布:this.$EventBus.$emit('add',{'传参数'})

4.指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用 this.$parent 访问父实例，子实例被推入父实例的 $children 数组中。