vue的小项目,对于多组件之间的状态管理,不使用Vuex,可以使用provide/inject完成数据管理。
父组件使用provide 封装数据
<template><div>....<Books></Books></div></template><script>import Booksfrom"./Books.vue";exportdefault{data(){return{ Info:{ theme:"aaaa",},};},provide(){return{ theme:this.Info,};}, components:{ Books,},};</script>
任意层级的子组件使用inject来引用数据
<template><h3>{{ theme.theme}}</h3></template><script>exportdefault{ inject:["theme"],};</script><style></style>
热门文章
- 佳雯宠物医院客服电话是多少号(佳雯宠物医院客服电话是多少号码)
- Spring Boot 新特性一键构建Docker镜像
- 乍得VPN | 3月25日20.7M/S|免费V2ray/Clash/Shadowrocket/SSR免费节点订阅分享
- 乍得VPN | 3月8日20.1M/S|免费V2ray/SSR/Shadowrocket/Clash免费节点订阅分享
- 乍得VPN | 3月2日19.9M/S|免费Clash/SSR/V2ray/Shadowrocket免费节点订阅分享
- 乍得VPN | 3月14日18.9M/S|免费V2ray/SSR/Clash/Shadowrocket免费节点订阅分享
- 树的同构(java实现)
- SpringBoot-日期格式化
- 宠物粮食加工厂加盟条件要求高吗知乎(宠物粮食加工设备)
- Kafka 单机(集群)安装部署(自带zookeeper)