Vue修饰符

Vue事件的修饰符，使用方法，在@绑定的事件后面增加一个小圆点“.”，最面再跟一个修饰符，

Vue支持以下修饰符：

　　　　　　　<!-- 阻止单击事件冒泡 -->
            <a @click.stop="handle"></a>
            <!-- 提交事件不再重载页面 -->
            <a @submit.prevent="handle"></a>
            <!-- 修饰符可以串联 -->
            <a @click.stop.prevent="handle"></a>
            <!-- 只有修饰符 -->
            <a @submit.prevent></a>
            <!-- 添加事件侦听器时使用事件捕捉模式 -->
            <div @click.capture="handle"></div>
            <!-- 当事件发生在该元素本身（不包含子元素）触发时触发回调 -->
            <div @click.self="handle"></div>
            <!-- 只触发一次 -->
            <div @cilck.once="handle"></div>

Vue 还提供KeyCode如：　　

.enter
.tab
.delete (捕获 “删除” 和 “退格” 键)
.esc
.space
.up
.down
.left
.right