关于自定义事件(Vue3组件通信)

自定义事件,儿子向父亲 传递数据(参数)

• 在子组件中

<button @click='showFrom'>取消<button>

//使用自定义事件,数组里面写自定义事件的名称,有几个写几个
const emits = defineEmits(['change']) 

//定义点击事件
cosnt showForm = ()=>{
//通过自定义事件向父组件,传递参数
    emits('change',2)
    //第一个参数是 自定义事件的名称
    //第二个参数是 你要向父组件传递的参数
}

• 在父组件中

//在组件标签上  使用自定义事件
<SpuLIst v-if='showStatus===1' @change='change'><SPuList/>  

//定义自定义事件
const change=(val)=>{
//接收子组件传递的参数,然后做一些事
    showStatus.value=val
}

总结:学习落下的太多,本文旨在巩固自己,以及记忆 如有错误以及好的建议 劳烦指出

!!!! 我学不会你,我就敲烂你