Vue3---父子组件间互相传值

Posted

tags:

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

参考技术A Vue3中,子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参,需要使用setup函数中的第二个参数值 context(组件上下文)中的emit。

例1:Tab菜单子组件
创建子组件Tabs.vue

父组件

以上是关于Vue3---父子组件间互相传值的主要内容,如果未能解决你的问题,请参考以下文章

「 VUE3 + TS + Vite 」父子组件间如何通信?

vue2 父子组件互相传参

Vue 父子组件、兄弟组件传值

一张图说清楚Vue3父子组件传值,以及props可否改的本质问题

Vue3父子组件间传参通信

Vue3 父子组件通信