vue的provide和inject

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

示例:

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

问:为何不用prop?

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

问题:

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

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

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

相关推荐
忆江南6 分钟前
HTTP 各版本演进与 HTTPS 原理详解
前端
忆江南8 分钟前
对组件化与模块化的思考与总结
前端
小码哥_常12 分钟前
从0到1:Android组件化架构搭建秘籍
前端
忆江南12 分钟前
iOS 应用启动流程与优化详解
前端
itslife17 分钟前
前端架构模式思考
前端·架构
Wect22 分钟前
JSX & ReactElement 核心解析
前端·react.js·面试
雨落Re22 分钟前
从递归组件到 DSL 引擎:我造了一个让 AI 能"搭 UI"的运行时
前端·vue.js
Maxkim23 分钟前
前端工程化落地指南:pnpm workspace + Monorepo 核心用法与实践
前端·javascript·架构
大漠_w3cpluscom32 分钟前
使用 clip-path: shape() 创建 Squircle 形状
前端·css·weui
大怪v12 小时前
AI抢饭?前端佬:我要验牌!
前端·人工智能·程序员