526互联

vue3+typescriot中的defineEmits（子组件向父组件传值）

发布时间 2023-08-14 14:24:59作者: 麦兜家园

以下是vue3中的子组件向父组件传值的简单demo

子组件：

 父组件：

<child-event @xxx="handler"></child-event>
<script lang="ts" setup>
import childEvent from "./childEvent.vue"
const handler = (data1: any, data2: any) => {
    console.info(data1, data2)//'参数1'，'参数2'
}
</script>

父组件的自定义事件为xxx，而子组件向父组件传递出具就可以使用的defineEmits

子组件向父组件传值就可以这样写，但是需要注意的是：

defineEmits方法不需要引入可以直接使用；
defineEmits第一个参数是事件类型，第二|第三.......N个为注入数据