1、事件修饰符
<!--prevent 阻止默认事件 -->
<a href="https://www.baidu.com/" @click.prevent="showInfo">跳转到百度</a>
<!--stop 阻止事件冒泡 -->
<div class="a" @click="showInfo">
<button @click.stop="showInfo">点我提示信息</button>
</div>
<!--once 事件只触发一次 -->
<button @click.once="showInfo">点我提示信息</button>
<!--self 只有e.target是当前操作的元素时才触发事件-->
<div class="b" @click.self="showInfo2">
<button @click="showInfo2">点我</button>
</div>
<!--capture 使用事件的捕获模式 -->
<div class="c" @click.capture="showMsg(1)">
<button @click="showMsg(2)">点我提示</button>
</div>
2、事件的基本使用
（1）、使用v-on：xxx 或 @xxx 绑定事件，其中xxx是事件名
（2）、事件的回调需要配置在methods对象中，最终会在vm中
（3）、methods中配置的函数，不要用箭头函数，否则this就不是vm了
（4）、methods中配置的函数，都是被vue管理的函数，this的指向是vm 或 组件实例对象
（5）、@click='demo' 和 @click='demo($event)' 效果一致，但后者可以传参
3、自定义指令
一、定义语法:
(1).局部指令:
new Vue({
directives:{指令名:配置对象}
})
或者：
new Vue({
directives{指令名:回调函数}
})
(2).全局指令:
Vue.directive(指令名,配置对象）或 Vue.directive(指令名,回调函数)
二、配置对象中常用的3个回调:
(1).bind:指令与元素成功绑定时调用。
(2).inserted:指令所在元素被插入页面时调用。
(3).update:指令所在模板结构被重新解析时调用。
三、备注:
1.指令定义时不加v-，但使用时要加v-
2.指令名如果是多个单词，要使用kebab-case命名方式，不要用camelCase命名。
