vue的provide和inject

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

示例:

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

问:为何不用prop?

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

问题:

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

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

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

相关推荐
阿奇__18 分钟前
深度修改elementUI样式思路
前端·vue.js·elementui
小白白一枚11144 分钟前
css的选择器
前端·css
盛夏绽放1 小时前
SassSCSS:让CSS拥有超能力的预处理器
前端·css·rust
xw51 小时前
支付宝小程序IDE突然极不稳定
前端·支付宝
Dolphin_海豚2 小时前
vapor 语法糖是如何被解析的
前端·源码·vapor
Bdygsl3 小时前
前端开发:HTML(5)—— 表单
前端·html
望获linux3 小时前
【实时Linux实战系列】实时数据流处理框架分析
linux·运维·前端·数据库·chrome·操作系统·wpf
red润3 小时前
let obj = { foo: 1 };为什么Reflect.get(obj, ‘foo‘, { foo: 2 }); // 输出 1?
开发语言·javascript·ecmascript
国家不保护废物3 小时前
TailwindCSS:原子化CSS的革命,让React开发爽到飞起!🚀
前端·css·react.js
程序视点4 小时前
如何高效率使用 Cursor ?
前端·后端·cursor