Vue3父子组件通信_vue3+TS

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

你可能感兴趣的:(前端,javascript,vue.js)