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.hqwc.cn/news/339389.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

揭秘 Gossip 协议:节点之间的悄悄话

欢迎来到我的博客,代码的世界里,每一行都是一个故事 揭秘 Gossip 协议:节点之间的悄悄话 前言Gossip协议简介Gossip 协议的工作原理Gossip 协议的优势Gossip协议的实际应用 前言 在分布式系统中,节点之间的信息传递如同社交中的悄…

Unity报错:[SteamVR] Not Initialized (109)的解决方法

问题描述 使用HTC vive 头像进行SteamVR插件的示例场景进行测试,发现头显场景无法跳转到运行场景(Unity 项目可以运行,仅出现警告)。 具体如下: [SteamVR] Not Initialized (109) [SteamVR] Initialization failed…

ISO11898-CAN网络拓扑结构 (125K~1Mbps)

ISO11898 标准的物理框图如下图 可理解为一个高速闭环 CAN 总线网络;CAN 闭环总线网络允许总线最大长度为 40m;最高速度为 1Mbps;可以看到总线的两端各有一个 120Ω 的电阻,此电阻作为阻抗匹配功能,以减少回波反射;节点就是不同的设备&#…

前端开发学习与发展建议,错过很可惜

对有志学习前端开发的同学,这里有几点建议: 1. 掌握前端三剑客HTML,CSS和JavaScript 这三项技术是前端开发的基石,必须扎实掌握。要理解每项技术的功能和特点,并通过实践项目熟练运用。 2. 了解前端组件库和框架 目前较流行的前端框架有Vue.js、React.js和AngularJS等。这些…

招投标系统是Electron的纯内网编辑Office Word,可以设置部分区域可编辑,其他的地方不能编辑吗?

问题: 我们是招投标系统的开发公司,框架是用的Electron,需要在纯内网的环境下编辑Office Word,可以设置部分区域可编辑,其他的地方不能编辑吗(如下红框位置)并且在用户忘记填写一些区域的时候做…

ROS2学习笔记一:安装及测试

目录 前言 1 ROS2安装与卸载 1.1 安装虚拟机 1.2 ROS2 humble安装 2 ROS2测试 2.1 topic测试 2.2 小海龟测试 2.3 RQT可视化 2.4 占用空间 前言 ROS2的前身是ROS,ROS即机器人操作系统(Robot Operating System),ROS为了“提高机器人…

Excel的COUNTIF的用法,用于统计重复值、满足条件值

文章目录 COUNTIF用法例子基准100分,一个叉扣5分找出大于100的个数 COUNTIF用法 、前一个变量填范围,后一个变量填条件,就是数一数在这个范围内满足这个条件的值有多少,所以除了统计重复值,还可以统计满足条件的值。 …

在本地测试nginx中localhost不行,需要写成127.0.0.1

在Windows 10系统的命令提示符cmd中,执行命令ping localhost,并没有出现我与其的ip地址“127.0.0.1”,而是“[::1]”。 问题原因 在cmd中ping localhost解析出来的是ipv6的::1的原因是windows有个优先解析列表,当ipv6的优先级高于…

chrony 时间同步

一.chrony简介 chrony 的优势: ① 更快的同步,从而最大程度减少了时间和频率误差,对于并非全天 24 小时运行的虚拟计算机而言非常有用。 相对于NTP来说,chrony性能更好 NTP是网络时间协议(Network Time Protocol),它…

cpp_10_多重继承_钻石继承_虚继承

1 多重继承 一个类可以同时从多个基类继承实现代码。 1.1 多重继承的内存布局 子类对象内部包含多个基类子对象。 按照继承表的顺序依次被构造,析构的顺序与构造严格相反。 各个基类子对象按照从低地址到高地址排列。 // miorder.cpp 多重继承:一个子…

Vs2019安装教程

1、下载链接:Visual Studio 较旧的下载 - 2019、2017、2015 和以前的版本 (microsoft.com)https://visualstudio.microsoft.com/zh-hans/vs/older-downloads/2、下载 而后跟进安装:(虽然这是2022的,但是和2022和2019基本差不多&am…

基于ssm学费管理系统的设计与实现论文

摘 要 当下,如果还依然使用纸质文档来记录并且管理相关信息,可能会出现很多问题,比如原始文件的丢失,因为采用纸质文档,很容易受潮或者怕火,不容易备份,需要花费大量的人员和资金来管理用纸质文…