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 数组中。
网友评论