一、今日学习内容
兄弟组件之间相互传值
$emit触发事件 $on监听事件
创建工具人
只负责 监听事件
let bus=new Vue();
中央事件总线
组件的多层嵌套;
provide(){
return {
childData:this.abc
}
}
inject:['childData']
不是响应式 值不相互影响
传值的方式
1、父传子 自定义属性 props
2、子传父 $emit
3、平行通信 bus 中间工具
4、嵌套传值 provide inject
vuex集中式状态管理架构
优点
集中管理,易于开发和后期维护
let store111=new Vuex.store({
state:{
}
});
需要调用的组件中加入 store:实例名字
祖先组件引入 子孙组件就可以调用
{{this.$store.state.msg}}
let aaa=new Vuex.Store({ |
|
|