Vue3中是否使用＜script setup＞父子传参的不同

一、不使用标签中定义要传递的数据

（2）在子组件标签上用冒号绑定一个变量名（子组件接受的变量名），等号后面为父组件要传递的数据

2.子组件中

（1）通过 defineProps 来接收父组件传来的参数，defineProps 中的参数为一个数组，数组的成员名称为父组件传递来的名称

（2）在标签中使用时，可以用props来接收使用时为props.名称，或者直接写参数名称即可，但是在script标签中要进行操作时，必须写props.名称才可以拿到，直接写名称是不可行的

（三）子传父

1.父组件中

（1）在父组件中使用的子组件标签上通过@符号绑定一个自定义事件类型，等号后面为父组件中的事件

（2）在父组件的script标签中声明对应的事件方法

2.子组件中

（1）通过 defineEmits 来获取父组件中的事件类型， const emit = defineEmits(['toFather'])

（2）通过emit来调用父组件的方法，进行传递数据，第一个参数为父组件对应的自定义事件类型，第二个参数为要传递的数据

（3）若要在子组件标签中直接写事件触发父组件中的事件，可以通过$emit来直接触发

传递