Vue3 父子组件通信
Posted Magi黄元
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3 父子组件通信相关的知识,希望对你有一定的参考价值。
1.父传子
父组件:在子组件上通过 v-bind绑定属性
子组件:先定义下基本类型,然后通过setup的第一个参数取获取传过来的值
(详细代码见下面)
2.子传父
父组件:在子组件上绑定一个事件,并定义回调
子组件:通过setup的第二个参数去接受,第二个参数包含了(attrs,emit,slots),这里我们用到第二个emit去传值。
(本质和vue2差不太多)
以上是关于Vue3 父子组件通信的主要内容,如果未能解决你的问题,请参考以下文章