菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 20230202-nodejs-day05 [打印本页]

作者: 博5237 时间: 2023-2-11 14:58
标题: 20230202-nodejs-day05

兄弟组件之间相互传值
$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({

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)