vue的provide和inject

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

示例:

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

问:为何不用prop?

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

问题:

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

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

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

相关推荐
月伤595 分钟前
Element Plus 表格表单校验功能详解
前端·javascript·vue.js
BUG收容所所长6 分钟前
JavaScript并发控制:如何优雅地管理异步任务执行?
前端·javascript·面试
非优秀程序员7 分钟前
46个Nano-banana 精选提示词,持续更新中
前端
Mintopia9 分钟前
Next 全栈数据缓存(Redis)从入门到“上瘾”:让你的应用快到飞起 🚀
前端·javascript·next.js
chxii9 分钟前
7.5el-tree 组件详解
前端·javascript·vue.js
Mintopia9 分钟前
每个国家的核安全是怎么保证的,都不怕在自己的领土爆炸吗?
前端·后端·面试
BUG收容所所长12 分钟前
大文件上传的终极指南:如何优雅处理GB级文件传输?
前端·javascript·面试
前端开发小透明27 分钟前
前端国际化深度解析:i18n、l10n 与 g11n 的实践指南
前端
Chosen_128 分钟前
JS-OOP篇
前端·javascript
摘星编程30 分钟前
Cursor 辅助开发:快速搭建 Flask + Vue 全栈 Demo 的实战记录
vue.js·python·flask·cursor·ai辅助编程