vue3深入组件——依赖注入

devtools/2025/3/12 2:15:00/

一、场景介绍:一般父子间信息传递是通过props,但是一个多层嵌套的组件,必须将其沿着组件逐级的传递下去,这就是props的逐级透传。

 

二、上述情况下,就需要用到provide 和 inject;一个父组件相对于其所有的后代组件,会作为依赖提供者。任何后代的组件树,无论层级有多深,都可以注入由父组件提供给整条链路的依赖。


1、为后代组件提供数据,需要使用Provide (提供)
provide('name', 'Info')
第一个参数是注入名:可以是字符串也可以是symbol,后代通过注入名查找期望的值
第二个参数是提供的值,值可为任意类型,包括响应式的状态——ref<script setup>
import {ref, provide } from 'vue'
const count =ref(0);
provide('key', count)
</script>
//提供的响应式状态

http://www.ppmy.cn/devtools/166429.html

相关文章

深入探索 Dubbo:高效的 Java RPC 框架

深入探索 Dubbo&#xff1a;高效的 Java RPC 框架 随着微服务架构的流行&#xff0c;分布式系统中的服务间通信变得愈加复杂。Dubbo 作为阿里巴巴开源的高性能 Java RPC 框架&#xff0c;已成为开发高可用、高性能微服务架构的核心工具之一。本文将深入探讨 Dubbo 的核心特性、…

iOS插件,Theos环境搭建与XM文件开发指南(完善版本)

Theos环境搭建与XM文件开发指南 这里写目录标题 Theos环境搭建与XM文件开发指南什么是Theos&#xff1f;Theos的主要特点 Theos环境搭建在macOS上安装Theos在Windows上安装Theos (通过WSL) XM文件详解什么是Logos语法&#xff1f;XM文件基本结构XM文件打包配置1. 核心文件组成T…

【大前端】【Android】whistle配置Android手机代理脚本

Android配置whistle手机代理&#xff0c;为了避免频繁自己手动去WiFi代理输入私有IP地址&#xff0c;特地建了一个Python脚本来帮助一键配置好代理&#xff0c;解除代理。 原始配置流程手续&#xff1a; 需要打开http://127.0.0.1:8899/ 查看whistle的IP和端口号需要打开手机…

【由技及道】量子跃迁部署术:docker+jenkins+Harbor+SSH的十一维交付矩阵【人工智障AI2077的开发日志011】

摘要: SSH密钥对构建的十一维安全通道 Harbor镜像星门 错误吞噬者语法糖 在CI/CD的量子观测中实现熵减永动机&#xff0c;使容器在部署前保持开发与生产维度的叠加态 量子纠缠现状&#xff08;技术背景&#xff09; 在完成镜像构建的量子折叠后&#xff08;构建过程详见前…

【GPT入门】第5课 思维链的提出与案例

【GPT入门】第5课 思维链的提出与案例 1. 思维链的提出2.思维链的应用3.思维链代码4. 增加请一步步思考的思维链提示 1. 思维链的提出 2.思维链的应用 针对复杂场景&#xff0c;AI回直接给出答案&#xff0c;可能是错误的 例如&#xff0c;题&#xff1a; **题一&#xff1a;…

MySQL数据库操作

目录 SQL语句 1、SQL的背景 2、SQL的概念 SQL的分类 SQL的书写规范 MySQL数据库 1、MySQL数据库的编码 &#xff08;1&#xff09;utf8和utf8mb4的区别 &#xff08;2&#xff09;MySQL的字符集 &#xff08;3&#xff09;MySQL默认编码为 latin1 &#xff0c;如何更改…

Django 初始化导入数据详解

Django 初始化导入数据详解 在 Django 项目中&#xff0c;初始化数据导入是一个常见的需求&#xff0c;特别是在开发阶段或者部署新环境时&#xff0c;通常需要一些预置的数据来确保应用能够正常运行。Django 提供了一种高效的方法来加载初始化数据&#xff0c;即通过 fixture…

【GPT入门】第12课 FunctionCall 生成数据库sql代码

【GPT入门】第12课 FunctionCall 生成数据库sql代码 1.概述2. 代码3.执行结果 1.概述 如下代码的任务&#xff1a;自然语言问ai,自动生成sql并回答用户 实现思路&#xff1a; 步骤1. ai会把用户的问题&#xff0c;转为sql 步骤2. 程序执行sql 步骤3.把执行的sql结果&#xff…