Day10 事件修饰符 (1)

Vue提供了一些常用的修饰符,它可以直接套上,减少程序码,尽量的单纯处里逻辑
.stop
.prevent
.capture
.self
.once
.passive

1. .stop修饰符
   在预设的情况下,内层的DOM事件被触发後,会往外触发DOM事件
   
   
   
   
   
   所以在内部加了.stop可以防止这类的冒泡事件,当按下inner的click外层将不会被触发
   
   

2. .prevent修饰符
   .prevent就像是event.preventDefault(),preventDefault会停止浏览器的预设行为,像是表单的提交之类的。
   这边就以超连结为例,原本按下将开启用href设定的网址,但当我加入了.prevent後,在点击将不会有反应,可以防止网页列的出现
   
   
   
   

明天会将剩下的事件修饰符讲完

资料来源
https://v1.vuejs.org/guide/events.html
https://cythilya.github.io/2017/04/17/vue-methods-and-event-handling/
https://yuhantaiwan.coderbridge.io/tags/Vue/