Vue3中,子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参,需要使用setup函数中的第二个参数值 context(组件上下文)中的emit。
官网API[这里是图片001]https://v3.cn.vuejs.org/guide/migration/emits-option.html
例1:Tab菜单子组件
-
创建子组件Tabs.vue
例2:搜索子组件
-
创建子组件Search.vue
例3:也可以在模板中直接使用 $emit 来传自定义事件到父组件
-
子组件