首页 > 其他分享 >组件的自定义事件和原生事件、组件的嵌套

组件的自定义事件和原生事件、组件的嵌套

时间:2022-09-06 14:11:38浏览次数:54  
标签:原生 触发 自定义 嵌套 事件 组件

原生事件

在原生组件(就是html标签)中  事件是由系统来设计触发条件的:
<div @click="fn">点我</div>

 

自定义事件

在自定义组件中,事件是由自己来设计什么时候触发的:

//绑定事件:
<mydiv @myclick="fn">点我</mydiv>

//事件设计:
//在mydiv组件内部,你可以在你想要的条件下去触发事件
this.$emit("myclick","要给触发的事件的函数传入值")//这个代码放在你想触发自定义事件的地方


//3.如果希望组件绑定原生事件(事件的触发条件设计由系统设计)
//给事件绑定事件修饰符   .native
<mydiv @click.native="fn">点我</mydiv>//事件名必须是系统存在的事件

 

组件的嵌套

.vue文件既可以是一个页面,也可以是一个组件 它可以被别人.vue文件引入 然后作为组件使用

 

标签:原生,触发,自定义,嵌套,事件,组件
From: https://www.cnblogs.com/LIXI-/p/16661559.html

相关文章