[Day 14]事件处理v-on

又是一个新的一天又要想今天要打什麽了（；´д｀）ゞ，今天打算来讲v-on，以及讲解如何用v-on监听事件和其中的原理，那就接开始吧~~

如果我们要利用v-on写一个事件，语法大致是这样的
v-on:事件="事件名称(事件发生时要做什麽)"
来看一个实际例子，这里的事件名称是click，当click发生，pop就会被触发，而pop我们用methods去定义。

当点击"不要点"时，就会弹出一个视窗，上面写"手贱"

传入参数

我们可以在function中进行参数的运算

弹来的视窗会显示1，因为0+1=1(好像废话...)

传入物件

如果只传事件没传参数的话，会默认一个事件，当点击"不要点"时会print出这个事件的MouseEvent


因为太长所以就不截下面的了o(°▽°)o

传入参数和物件

如果我们想传参数和物件，就要使用上特殊的变量$event,
来看看要怎麽写

当点击"不要点"时，控制台print出参数相加的结果和MouseEvent

修饰符

使用修饰符的语法是: v-on:事件.修饰符="事件名称"
在事件event中我们常常使用event.stopPropagation()阻止事件冒泡和event.preventDefault()阻止默认事件发生。
如果想要在Vue中使用这些方法的话要怎麽做咧??
这时候就要使用修饰符了!!，以event.preventDefault()为例:


原本默认点击"点了不会怎样"会连结到Google首页，但我们使用了修饰符.prevent阻止了默认事件发生。
在官网上也有很多常用修饰符的介绍，大家可以参考看看!!