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

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

作者: 博5237    时间: 2023-2-11 15:07
标题: 王文博-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/) Powered by Discuz! X3.4