事件处理
1.我们可以通过使用v-on指令(可以简写为@)来监听DOM事件,并在事件触发的时候执行对于的JavaScript代码。
2.事件处理器的值可以是内联事件处理器也可以是方法事件处理器,内联事件处理器指事件触发时执行的内联JavaScript语句,方法事件处理器指的是一个组件上定义方法的属性名或者路径。
3.v-on也可以接受一个方法名或对某个方法的调用,方法事件处理器会自动接收原生DOM事件并触发执行,我们能通过event.target.tagName访问到该DOM元素。
4.我们在需要内联事件处理器中访问原生DOM事件,你可以向该处理器转入应该$event变量,或者使用内联箭头函数。
5.在处理事件得事件得时候可以直接调用内部方法,Vue为v-on提供了事件修饰符,修饰符用.得指令后缀,包含.stop,.prevent,.self,.capture,.once,.passive,stop单机事件停止传递,prevent提交事件不再重新加载页面,capture是指向内部元素在被内部元素处理前先被外部处理,once点击事件最多被触发一次,在使用修饰符得时候要注意修饰符得顺序。
6.按键修饰符,按键别名.enter,.tab,.delete,.esc,.space,.up,.down,.left,right
7.系统按键修饰符.ctrl,.alt,.shift,.meta
8.exact修饰符允许控制触发应该事件所需的确定组合的系统按键修饰符。文章来源:https://www.toymoban.com/news/detail-730288.html
9.鼠标修饰符,.left,.right,.middle文章来源地址https://www.toymoban.com/news/detail-730288.html
<button @click="num++">num++</button>
到了这里,关于Vue3理解(7)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!