关于vue3组合式api （父组件和子组件之间的数据传递）笔记

物联网 2023-09-20 17:44:23 阅读次数: 0

目录

1.父组件转子组件

2.子组件传父组件

1.父组件转子组件

直接上代码

运行结果

2.子组件传父组件

子组件向父组件传递数据较为复杂一些，需要加深理解才可以明白！我是这样理解的

父组件先写一个带参的函数，然后再将函数传给子组件，在子组件中用defineEmits去接收父组件传递的函数，再通过创建一个函数去调用这个父组件进行传值，只要触发这个函数就传值成功（回调成功），可配合下面代码一起理解。

直接上代码

运行结果

猜你喜欢

转载自blog.csdn.net/m0_69097184/article/details/132457226

关于vue3组合式api （父组件和子组件之间的数据传递）笔记

Vue2选项式API和Vue3组合式API的区别

vue3组合式api单文件组件写法

vue3组合式API和vite+ts

vue3组合式api的provide和inject

Vue父组件与子组件之间实现数据传递

【vue3】在 vue3中，组合式API，watch 如何监听props的数据

vue3 组合式API ＜script setup＞中子组件之间传值逻辑

vue3 选项式 API 和组合式 API 区别

vue3基于组合式API使异步获取的数据对象具有响应性

【Vue3】初始化和Composition API（组合式）

Vue3 组合式 API 的特性、用法和最佳实践

vue3：10、组合式API-模板引用和defineExpose宏函数

vue3：5、组合式API-reactive和ref函数

Vue父组件和子组件之间传递数据

VUE框架面试经典Vue3下选项式API和组合式API的区别------VUE框架

Vue中父组件（vue实例）与子组件（component）之间的数据传递

【vue3】构建项目、项目中的示例组件使用的是组合式 API 和＜script setup＞

Vue学习之路（六）---父组件与子组件之间的数据传递

Vue3中的组合式Api有哪些? 和Vue2的Options Api又什么不同？

VUE子组件向父组件的数据传递

Vue3的组合式API介绍，和Vue2生命周期函数的变化

【Vue3】生命周期和自定义hook和toRef，其他组合式 APi

【Pinia 状态管理篇】Vite + Vue3 组合式 API 模式下的 Store 数据处理

【vue3】基础知识点-组合式api-recative和ref函数

Vue3的组合式API中如何使用setup()函数中的条件渲染和循环渲染

【Vue项目笔记】—— 父子组件之间传递参数和子组件执行父组件中的方法

Composition Api 和 Options Api的区别在哪？哪个好？为什么我选择用vue3的组合式api，而不是选项式api？

vue3组合式API

快速入门vue3组合式API

今日推荐

基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！

美国拟限制 AI 大模型出口中国和俄罗斯

苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone

openKylin 社区生态委员会第六次会议圆满召开

阿里云正式发布通义千问 2.5

Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器

Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号

Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作

《2024 年一季度互联网投融资运行情况》研究报告

报告：Django 仍然是 74% 开发者的首选

15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？

TIOBE 5 月榜单：Fortran “复活”进入 Top 10

周排行

记一下去大梅沙的准备（2018-05-26）

Spring 注解事务

基于HTTP协议的客户端缓存

阿里云rds 备份和还原

[PHP] 几个拖慢 PHP 程序/API 运行速度的点

python 代码风格------------PEP8规则

js控制json生成菜单——自制菜单（一）

将字符串: 'k:1|k1:2|k2:3|k3:4 ' ,处理成 python 字典: {'k':1, 'k1':2, ...}

微信小程序转支付宝小程序

Qt551.窗口滚动条

每日归档

更多

2024-05-13(18)

2024-05-12(0)

2024-05-11(38)

2024-05-10(38)

2024-05-09(35)

2024-05-08(42)

2024-05-07(14)

2024-05-06(40)

2024-05-05(0)

2024-05-04(7)