当前位置: 首页 > news >正文

Provide/Inject 依赖注入(未完待续)

父组件传递给子组件数据,通过props,但是需要逐层传递
provide/Inject 的推出就是为了解决这个问题,它提供了一种组件之间共享此类值的方式,不必通过组件树每层级显示地传递props
目的是为了共享那些被 认为对于一个组件树而言是全局的数据

provide 接受两个参数:第一个参数是要注入的 key,
可以是一个字符串或者一个 symbol,第二个参数是要注入的值。

Inject 注入一个由祖先组件或整个应用 (通过 app.provide()) 提供的值。

根节点向子节点传递参数

可以通过Provide从Root传递给DeepChild

APP.VUE中引入组件

在myprofile中引入下一层的组件helloworld

使用inject取出值

使用Symbol来避免key重复
Symbol是一种基本数据类型,函数返回symbol类型的值,该类型具有静态属性和静态方法。
每一个symbol的值 都是唯一的。

结果:

http://www.lryc.cn/news/277668.html

相关文章:

  • 力扣173. 二叉搜索树迭代器
  • 电脑找不到d3dcompiler43.dll怎么修复,教你5个可靠的方法
  • 5.3 Android BCC环境搭建(eadb版 上)
  • 【算法题】44. 通配符匹配
  • vscode配置与注意事项
  • 设计模式篇章(3)——七种结构型模式
  • Window端口占用处理
  • 算法实战(二)
  • 网工内推 | 上市公司网工,NP认证优先,最高15薪+项目奖金
  • 【LLM 论文阅读】NEFTU N E: LLM微调的免费午餐
  • JS新手入门笔记整理:对象
  • Python GIL 一文全知道!
  • 数据库级别的MD5加密(扩展)
  • Docker安装Jenkins,配置Maven和Java
  • 游戏分组(100用例)C卷 (JavaPythonC语言C++Node.js)
  • python函数装饰器保存信息
  • AI真正的Killer App 仍然缺席
  • Docker 镜像以及镜像分层
  • aigc 启动器 sd-webui-aki-v4 decode_base64_to_file
  • 【C++进阶05】AVL树的介绍及模拟实现
  • MySQL视图 索引 面试题
  • JAVA实现文件上传至阿里云
  • 设计模式之外观模式【结构型模式】
  • Qt QCheckBox复选按钮控件
  • 加速科技ST2500 数模混合信号测试设备累计装机量突破500台!
  • ASP.NETCore WebAPI 入门 杨中科
  • 问题 C: 活动选择
  • SpringBoot学习(五)-Spring Security配置与应用
  • Java解决删除子串后的字符串最小长度
  • 日志系统一(elasticsearch+filebeat+logstash+kibana)