vue的provide和inject

功能:父组件向子组件传递数据

示例:

复制代码
// 父组件声明
provide() {
	return {
	  aaaa: 25555,
	};
},
  
// 子、孙组件引入
inject: ['aaaa'],

问:为何不用prop?

答:不需要指定向哪个组件传数据

问题:

1、子孙层的provide会掩盖祖父层provide中相同key的属性值

2、不推荐过多使用,因为数据追踪比较困难

3、provide 和 inject 绑定并不是可响应的。这是刻意为之的。不过,如果你传入了一个可监听的对象,那么其对象的属性还是可响应的

相关推荐
Zuckjet_2 小时前
开启 3D 之旅 - 你的第一个 WebGL 三角形
前端·javascript·3d·webgl
2401_863801462 小时前
探索 12 种 3D 文件格式:综合指南
前端·3d
珍宝商店4 小时前
前端老旧项目全面性能优化指南与面试攻略
前端·面试·性能优化
bitbitDown4 小时前
四年前端分享给你的高效开发工具库
前端·javascript·vue.js
YAY_tyy4 小时前
【JavaScript 性能优化实战】第六篇:性能监控与自动化优化
javascript·性能优化·自动化
gnip5 小时前
实现AI对话光标跟随效果
前端·javascript
脑花儿5 小时前
ABAP SMW0下载Excel模板并填充&&剪切板方式粘贴
java·前端·数据库
闭着眼睛学算法6 小时前
【华为OD机考正在更新】2025年双机位A卷真题【完全原创题解 | 详细考点分类 | 不断更新题目 | 六种主流语言Py+Java+Cpp+C+Js+Go】
java·c语言·javascript·c++·python·算法·华为od
烛阴6 小时前
【TS 设计模式完全指南】构建你的专属“通知中心”:深入观察者模式
javascript·设计模式·typescript
lumi.6 小时前
Vue.js 从入门到实践1:环境搭建、数据绑定与条件渲染
前端·javascript·vue.js