【Vue】基础系列（六）事件处理 - 绑定监听 - 事件修饰符 - 按键修饰符

1. 绑定监听

事件的基本使用：

1. 使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名；
2. 事件的回调需要配置在methods对象中，最终会在vm上；
3. methods中配置的函数，不要用箭头函数！否则this就不是vm了；
4. methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象；
5. @click="demo"和 @click="demo($event)"效果一致，但后者可以传参；

  v-on:xxx="fun"
  @xxx="fun"
  @xxx="fun(参数)"

• 事件对象
  默认事件形参: event
  隐含属性对象: $event

  $event 就是当前触发事件的元素，即使不传 $event，在回调函数中也可以使用 event 这个参数。

2. 事件修饰符

1. prevent：阻止默认事件（常用）；event.preventDefault()
2. stop：阻止事件冒泡（常用）；event.stopPropagation()
3. once：事件只触发一次（常用）；
4. capture：使用事件的捕获模式；
5. self：只有event.target是当前操作的元素时才触发事件；
6. passive：事件的默认行为立即执行，无需等待事件回调执行完毕；

<!-- 阻止事件冒泡 -->
<div id="big" @click="test">
    <div id="small" @click.stop="test2"></div>
</div>

<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>

<!-- 点击事件将只会触发一次 -->
<a v-on:click.once="doThis"></a>

<