Day9 Methods and v-on

今天来介绍这个指令v-on用来绑定HTML DOM,来触发要执行的事件

Method


这时并没有执行action,并不会触发method,所以会出现未执行

当我主动触发时才会执行action,所以会出现执行了

V-on

• 缩写 : @
• 修饰符
• .stop : 停止触发外层DOM事件
• .prevent : 停止浏览器预设行为
• .capture : 加入.capture修饰符的DOM将会优先触发
• .self : 只触发自己范围内的事件,不包含子元素
• .once : 加入.once修饰符的事件,仅能触发一次
• .passive : 加上.passive就一定可以触发网页,无视prevent功能
  详细的用法会在下一篇介绍

事件处理(Event Handling)
Methods这个属性经常会搭配指令v-on绑定使用,所以当触发click就会执行action,并显示执行了

使用物件 Object {key: value}
Key : 像要绑定的事件名称
Value : 呼叫名称

资料来源:
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/
https://vuejs.org/v2/api/#methods