步骤1: 在父组件中引入子组件 import.......
步骤2:注册:<Children @xxx=“Methods1”></Children>
此时的@xxx是自定义绑定事件,实现子组件给父组件传递数据。区分@click(vue3中click是原生的dom方法,在绑定在标签中或者子组件标签中都是dom方法,会绑定到子组件的根节点上。)
const Methods1=(param1,param2)=>{
console.log(param1,param2)//接收子组件传递个数据
}
步骤3:在子组件中利用defineEmits方法返回函数出发自定义事件,defineEmits方法不需要引入直接使用
let aa=defineEmits(['xxx'])// (['中写事件名'])
定义一个方法触发aa事件
const handler=()=>{
//调用aa的事件 第一个参数:事件类型;第二个|三个|N参数即为注入数据
aa(‘xxx’,'数据1',‘数据2’)
}
一次方法实现子给父传递参数。