vue3中子组件向父组件传值分以下几步

子组件:

1、定义emits,emits的定义是与component、setup等这些属性是同级。例如

vue3中 子组件向父组件传值 使用emit使用方法_database

emits此时是作为数组,它也可以接收一个对象

2、方法中使用

vue3中 子组件向父组件传值 使用emit使用方法_数组_02

与之前的用法不同的是,现在需使用ctx.emit,其中ctx是setup中第二个参数,也就是上下文对象

父组件:

3、在父组件上定义同名方法接收

vue3中 子组件向父组件传值 使用emit使用方法_数组_03

4、父组件接收方法的参数为子组件传递的参数

vue3中 子组件向父组件传值 使用emit使用方法_数据库_04