Vue3父子组件传参

发布时间：2023-03-15 17:00

1.非语法糖能直接在setup里添加两个参数props和ctx里的emit传参

具体语法:setup(props,ctx)

1.之后使用可以通过props.xxx(xxx为父组件传递过来的属性名)进行数据的使用

2.ctx：可以直接解构赋值将emit解构出来使用语法规范和Vue2的emit使用差不多

子组件解构出emit

$\"\"$

绑定事件

$\"\"$

通过自定义事件传值

$\"\"$

打印出它也可以使用

$\"\"$ （注:ctx中还有两个属性，一个为attrs用于获取当前标签上的所有属性的对象，还有一个为slots用于获取插槽）

$\"\"$

2.语法糖形式:

1.父组件给子组件传递参数(props)

绑定数值后通过defineProps接收使用

$\"\"$

(父组件)

$\"\"$

（子组件）

2子组件给父组件传递参数(emit)

通过defineEmits来挂载自定义方法去传值

$\"\"$

(子组件)

$\"\"$

(父组件)

小知识点:

$\"\"$

可通过绑定一个ref给子组件然后子组件通过defineExpose给父组件传递出去让父组件能直接修改子组件的值

$\"\"$ $\"\"$ $\"\"$

可通过defineProps添加默认值(注:此处写了defineProps 之前就不用写)

$\"\"$

Springboot垃圾分类识别小程序源码带部署文档【免费分享]

渗透测试工具-sqlmap

1亿条数据批量插入 MySQL，哪种方式最快

【云原生Kubernetes系列第五篇】kubeadm v1.20 部署K8S 集群架构（人生这道选择题，总会有遗憾）

python神经网络学习使用Keras进行简单分类

把一个人的特点写具体作文_五年级把一个人的特点写具体作文500字5篇

SSM个人博客系统的设计与实现

报表工具对比评论汇总，选型看这一篇就够了---------报表工具对比软文最全的收集汇总帖子

C语言强制类型转换规则实例详解

Python绘制散点图之可视化神器pyecharts

最新版Unity强化学习ML-Agent的使用

nacos集群搭建 (docker compose方案)

小熊派gd32f303学习之旅（5）—使用DMA和空闲中断实现串口接收

论文阅读《Meta-FDMixup：Cross-Domain Few-Shot Learning Guided by Labeled Target Data》

Go 错误处理实践总结示例

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网，如有侵权请联系：561261067@qq.com

Vue3父子组件传参

1.非语法糖能直接在setup里添加两个参数props和ctx里的emit传参

2.语法糖形式:

1.父组件给子组件传递参数(props)

2子组件给父组件传递参数(emit)

相关推荐