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>
热门文章
- 宠物医院医生劳动合同(宠物医院用工合同)
- 3月18日最新Free Clash Meta订阅 | 22.9M/S|2025年Clash/V2ray/SSR/Shadowrocket免费节点地址链接分享
- 狗粮批发价怎么比网上贵(狗粮批发平台)
- 3月10日最新Free Clash Meta订阅 | 23M/S|2025年SSR/Shadowrocket/V2ray/Clash免费节点地址链接分享
- 宠物粮在哪个网站买便宜些(宠物粮在哪里批发)
- 南京宠物领养中心在哪(南京宠物领养中心在哪儿)
- 我所在的城市有一家宠物医院英文翻译 我所在的城市有一家宠物医院英文翻译
- 北京动物园鹦鹉馆品种(北京动物园鹦鹉馆品种有哪些)
- 面试官:RabbitMQ过期时间设置、死信队列、延时队列怎么设计?
- UVM如何处理out-of-order乱序传输