vue的provide和inject

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

示例:

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

问:为何不用prop?

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

问题:

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

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

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

相关推荐
我是若尘4 分钟前
从“全大图”到“响应式加载”:企业级前端图片优化全攻略(含Vue/React自动化方案)
前端
北北~Simple4 分钟前
css 如何实现大屏4个占位 中屏2个 小屏幕1个
前端·css
在逃的吗喽7 分钟前
APIs案例及知识点串讲(上)
前端·javascript
CodeCraft Studio8 分钟前
DHTMLX Suite 9.2 重磅发布:支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级
javascript·excel·交互·表格·dhtmlx·grid·网格
qq_5829434512 分钟前
html5侧边提示框
前端·javascript·html5
蓝倾18 分钟前
小红书获取关键词列表API接口详解
前端·后端·fastapi
初出茅庐的21 分钟前
uniapp - AI 聊天页面布局的实现
前端·vue.js·uni-app
chenbo100124 分钟前
http 路径解析规则,相对路径和绝对路径
javascript
山烛27 分钟前
小白学HTML,操作HTML网页篇(1)
运维·服务器·前端·python·html
啃火龙果的兔子36 分钟前
nextjs+react项目如何代理本地请求解决跨域
前端·react.js·前端框架