买衣服网站排名,交互设计的方法和技巧,帮人做钓鱼网站,wordpress 教程 书籍一、defineEmits是什么#xff1f;
defineEmits 是vue3提供的方法#xff0c;又称为自定义事件#xff0c;不需要引入可以直接使用#xff0c;用于子组件与父组件通信。
二、使用样例
1.父组件代码
代码如下#xff08;示例#xff09;#xff1a;
template
defineEmits 是vue3提供的方法又称为自定义事件不需要引入可以直接使用用于子组件与父组件通信。
二、使用样例
1.父组件代码
代码如下示例
templatedivh1事件/h1!-- vue3:原生的DOM事件不管是放在标签身上、组件标签身上都是原生DOM事件--!-- 绑定自定义事件xxx:实现子组件给父组件传递数据 --Event2 xxxhandler3 clickhandler4/Event2/div
/templatescript setup langts
//引入子组件
import Event2 from ./Event2.vue;
const handler3 (param1: any,param2: any){console.log(param1,param2);
}
//事件回调--5
const handler4 (param1: any,param2: any){console.log(param1,param2);
}
/scriptstyle scoped
/style
2.子组件代码
代码如下示例
templatediv classchildp我是子组件2/pbutton clickhandler点击我触发自定义事件xxx/buttonbutton click$emit(click,AK47,J20)点击我触发自定义事件click/button/div
/templatescript setup langts
//利用defineEmits方法返回函数触发自定义事件
//defineEmits方法不需要引入直接使用
let $emit defineEmits([xxx,click]);
//按钮点击回调
const handler () {//第一个参数:事件类型 第二个|三个|N参数即为注入数据$emit(xxx,东风导弹,航母);
};
/scriptstyle scoped
.child {width: 400px;height: 200px;background: pink;
}
/style
总结
vue3:原生的DOM事件不管是放在标签身上、组件标签身上都是原生DOM事件利用defineEmits方法返回函数触发自定义事件defineEmits方法不需要引入直接使用。
