vue3父子组件传参

父传子

1. 在父组件的子标签中自定义一个属性
2. 属性值为父组件要向子组件传递的参数
3. 在子组件中用defineProps接收

const props = defineProps({
    toSon:{
        type:[String]
        default:'默认值'
    },
    isdel:[Boolean]
    //若传递对象，也可以直接写对象的属性在这里
    name:[String]
})

子传父

1. 在父组件的子标签中自定义一个事件
2. 事件处理程序有一个参数，为子组件向父组件传递过来的参数
3. 在子组件中，用defineEmits传递参数

const emit= defineEmits(['getSon','getDelid'])
defineEmits的参数是数组，其内元素是自定义事件的名称
function del(){
    emit('getSon',{id})//用emit()传递，
    第一个参数是自定义事件名，第二个参数是对象，为要传递的参数
}