vue 常用事件、指令，

vue中常用的指令

• v-model
  双向数据绑定，一般用于表单元素
  • v-for
    对数组或对象进行循环操作，使用的是v-for，不是v-repeat
    注：在vue1.0中提供了隐式变量，如$index、$key

    在vue2.0中去除了隐式变量，已被废除             
    

  • v-on 用来绑定事件，用法：v-on:事件=”函数”
  • v-show/v-if
    用来显示或隐藏元素，v-show是通过display实现，v-if是每次删除后再重新创建，与angular中类似

事件和属性

1. 事件

1.1 事件简写

v-on:click=""    
简写方式 @click=""

1.2 事件对象$event

包含事件相关信息，如事件源、事件类型、偏移量
target、type、offsetx

1.3 事件冒泡

阻止事件冒泡：
    a)原生js方式，依赖于事件对象
    b)vue方式，不依赖于事件对象
        @click.stop

1.4 事件默认行为

阻止默认行为：
    a)原生js方式，依赖于事件对象

1.5 键盘事件

回车：@keydown.13 或@keydown.enter
上：@keydown.38 或@keydown.up

默认没有@keydown.a/b/c...事件，可以自定义键盘事件，也称为自定义键码或自定义键位别名

1.6 事件修饰符

.stop - 调用 event.stopPropagation()。
.prevent - 调用 event.preventDefault()。
.{keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。
.native - 监听组件根元素的原生事件。
.once - 只触发一次回调。