vue3组件通信有哪几种方式?

文章目录

  • 一、父子通信
    • 1、props
    • 2、模板引用ref和defineExpose
  • 二、跨层级传递数据provid和inject

一、父子通信

1、props

  • 父组件中给子组件绑定属性
  • 子组件内通过props选项接收
    在这里插入图片描述
  • 子传父，通过defineEmits,先声明事件，再emit触发
    在这里插入图片描述

2、模板引用ref和defineExpose

  • ref绑定组件，defineExpose将组件内的属性和方法暴漏出去
    在这里插入图片描述

二、跨层级传递数据provid和inject

  • 顶层组件通过provid函数提供数据
  • 底层组件通过inject函数获取数据
    在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/434152.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

LabVIEW高精度天线自动测试系统

LabVIEW高精度天线自动测试系统

LabVIEW高精度天线自动测试系统 系统是一个集成了LabVIEW软件的自动化天线测试平台，提高天线性能测试的精度与效率。系统通过远程控制测试仪表，实现了数据采集、方向图绘制、参数计算等功能，特别适用于对天线辐射特性的精确测量。 在天线的…
阅读更多...
HashMap 源码解读

HashMap 源码解读

文章目录 一、什么是HashMap HashMap 是一种快速的查找并且插入、删除性能都良好的一种 K/V键值对的数据结构，key唯一，value允许重复它基于哈希表的 Map 接口实现，是常用的 Java 集合之一，是非线程安全的。 二、HashMap的数据结…
阅读更多...
使用MockJS模拟数据，如何获取入参？

使用MockJS模拟数据，如何获取入参？

场景描述 在使用MockJS进行模拟数据的时候，会遇到一种场景，当参数1时，展示A类数据，当参数B时，展示B类数据，为了实现这场景，那就要在模拟数据时拿到请求参数？ 实现逻辑 mock方法的…
阅读更多...
【详识C语言】自定义类型之三：联合

【详识C语言】自定义类型之三：联合

本章重点 联合 联合类型的定义 联合的特点 联合大小的计算 联合（共用体） 联合类型的定义 联合也是一种特殊的自定义类型 这种类型定义的变量也包含一系列的成员，特征是这些成员公用同一块空间（所以联合也叫共用体）…
阅读更多...
【自然语言处理】【大模型】BitNet：用1-bit Transformer训练LLM

【自然语言处理】【大模型】BitNet：用1-bit Transformer训练LLM

BitNet：用1-bit Transformer训练LLM 《BitNet: Scaling 1-bit Transformers for Large Language Models》 论文地址：https://arxiv.org/pdf/2310.11453.pdf 相关博客 【自然语言处理】【大模型】BitNet：用1-bit Transformer训练LLM 【自然语言…
阅读更多...
OBS插件开发（二）推流实时曲线

OBS插件开发（二）推流实时曲线

不发视频了，截个图算了，嫌麻烦 1，自定义QWidget图表绘制 ，动态更新 2，OBS直播帧率，码率监控 3，主要用于前端推流状况可视化，异常报警，及时性，无人值守直播
阅读更多...
MySQL基础-----SQL语句之DDL数据定义语句

MySQL基础-----SQL语句之DDL数据定义语句

目录 前言 开启登录数据库 一、数据库操作 1.查询所有数据库 2.切换使用数据库 3.查询当前使用的数据库 4.创建数据库 创建一个hello数据库, 使用数据库默认的字符集。 创建一个itheima数据库，并且指定字符集 5.删除数据库 二、表操作 1.查询当前数据库所有…
阅读更多...
Java项目：39 springboot007大学生租房平台的设计与实现

Java项目：39 springboot007大学生租房平台的设计与实现

作者主页：舒克日记 简介：Java领域优质创作者、Java项目、学习资料、技术互助 文中获取源码 项目介绍 系统有管理员、房东和用户 【主要功能】 1、后台：房源管理、信息审批管理、订单信息管理、房东管理、用户管理 2、前台：注册登…
阅读更多...
【数学建模】层次分析

【数学建模】层次分析

1.建立递阶层次结构模型 2.构造出各层次中的所有判断矩阵 对指标的重要性进行两两比较，构造判断矩阵，科学求出权重 矩阵中元素aij的意义是，第i个指标相对第j个指标的重要程度 对角线1，aijaji1 矛盾——>一致性检验
阅读更多...
Day1-JavaSE

Day1-JavaSE

JavaSE篇-Day1 CMD终端的常见命令配置环境变量的作用?高级记事本安装（略，正版收费）各个语言的运行方式区别为什么Java可以实现跨平台?JDK和JRE的认识JDK是什么？由什么组成JRE是什么？由什么组成JDK、JRE、JVM三者的包…
阅读更多...
【python进阶篇】面向对象编程（1）

【python进阶篇】面向对象编程（1）

面向对象编程——Object Oriented Programming，简称OOP，是一种程序设计思想。OOP把对象作为程序的基本单元，一个对象包含了数据和操作数据的函数。 在Python中，所有数据类型都可以视为对象，当然也可以自定义对象。自定…
阅读更多...
【编程小记】在Windows下使用C/C++代码判断一个文件是否被其他进程占用

【编程小记】在Windows下使用C/C++代码判断一个文件是否被其他进程占用

在Windows下使用C/C代码判断文件是否被占用 一、原理二、函数简单介绍三、实例代码 一、原理 在Windows下有一个Windows API叫做CreateFile，通过这个接口我们可以创建或打开文件，我们打开文件时可以采用独占模式进行打开，如果能够打开文件说…
阅读更多...
基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的舰船检测与识别系统（Python+PySide6界面+训练代码）

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的舰船检测与识别系统（Python+PySide6界面+训练代码）

摘要：开发高级的舰船检测与识别系统对于提升海上安全监控和航运管理至关重要。本篇博客详细阐述了如何应用深度学习技术构建舰船检测与识别系统，并提供了完整的实施代码。本系统采用了性能强大的YOLOv8算法，并与YOLOv7、YOLOv6、YOLOv5进行了…
阅读更多...
如何一键更新星露谷模组

如何一键更新星露谷模组

小火星露谷管理器拥有一键更新模组的功能。 打开小火星露谷管理器的模组管理页面，点击一键更新模组。 页面会跳转到自动化模组管理引擎，稍等一会，他会自动生成更新流程模板。 流程模板生成完成后，会进入流程编排的界面&#xf…
阅读更多...
【python--读取文件夹下所有文件读取关键词】

【python--读取文件夹下所有文件读取关键词】

🚀 作者 ：“码上有前” 🚀 文章简介 ：Python 🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬 python练习题 抽取关键词 抽取关键词 import os import json import pandas as pd# 指定文件夹路径和关键…
阅读更多...
使用Http请求下载文件带来的问题

使用Http请求下载文件带来的问题

java.io.IOException: Broken pipe 当使用http请求的方式将文件作为响应内容给浏览器，这个时候如果浏览器未开启自动下载(浏览器可能会终止这个tcp连接)，文件不会下载成功，但是这个时候请求已经到达服务器，如果这个时候&#xff0…
阅读更多...
【python--读取csv文件统计店铺有关信息】

【python--读取csv文件统计店铺有关信息】

🚀 作者 ：“码上有前” 🚀 文章简介 ：Python 🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬 python练习题 读取csv文件统计店铺有关信息 读取csv文件统计店铺有关信息 import csv import osdef get_…
阅读更多...
一个基于差异同步数据库结构的工具 - Skeema

一个基于差异同步数据库结构的工具 - Skeema

本文是 GO 三方库推荐的第 5 篇，继续介绍数据库 schema 同步工具，我前面已经写了两篇这个主题的文章。系列查看：Golang 三方库。 今天，推荐是的一个基于差异实现数据库 schema 迁移的工具库 - skeema，同样由 Go 实现。…
阅读更多...
HarmonyOS-卡片事件能力说明

HarmonyOS-卡片事件能力说明

卡片事件能力说明 ArkTS卡片中提供了postCardAction()接口用于卡片内部和提供方应用间的交互，当前支持router、message和call三种类型的事件，仅在卡片中可以调用。 接口定义：postCardAction(component: Object, action: Object): void 接口…
阅读更多...
CleanMyMac X软件2024全面的测评，包括其功能、性能、易用性和安全性

CleanMyMac X软件2024全面的测评，包括其功能、性能、易用性和安全性

作为软件评价专家，我对CleanMyMac X进行了全面的评估，包括其功能、性能、易用性和安全性等方面。以下是我的评价和建议： 首先，从功能方面来看，CleanMyMac X提供了丰富多样的清理和优化功能。它不仅能够智能扫描和清理…
阅读更多...
最新文章

Copyright @ 2022~2023