Vue3 父子组件通信

Posted Magi黄元

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3 父子组件通信相关的知识,希望对你有一定的参考价值。

1.父传子
父组件:在子组件上通过 v-bind绑定属性
子组件:先定义下基本类型,然后通过setup的第一个参数取获取传过来的值
(详细代码见下面)
2.子传父
父组件:在子组件上绑定一个事件,并定义回调
子组件:通过setup的第二个参数去接受,第二个参数包含了(attrs,emit,slots),这里我们用到第二个emit去传值。
(本质和vue2差不太多)

 

 

 

以上是关于Vue3 父子组件通信的主要内容,如果未能解决你的问题,请参考以下文章

Vue3 父子组件通信

vue3 非父子组件通信

VUE3+TS(父子兄弟组件通信)

Vue3 组件通信学习笔记

vue3父子通信

vue3组件间通信