数组更新

变异方法

Vue内置指令

• v-text:更新元素的 textContent。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。
  <span v-text="msg"></span>
  
  <span>{{msg}}</span>
• v-html:更新元素的 innerHTML
• v-show:更改display属性，区别于v-if
• v-if:根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是 <template>，将提出它的内容作为条件块。
• v-else：必须与与v-if连用
• v-for：基于源数据多次渲染元素或模板块，语法：alias in expression，具体分为以下几种：
  <div v-for="item in items"></div>
  <div v-for="(item, index) in items"></div>
  <div v-for="(val, key) in object"></div>
  <div v-for="(val, key, index) in object"></div>
  <div v-for="n in 10"></div>//具体整数迭代
• v-on：时间监听声明
  .stop

• 调用 event.stopPropagation()
  .prevent

• 调用 event.preventDefault()
  .capture

• 添加事件侦听器时使用 capture 模式。
  .self

• 只当事件是从侦听器绑定的元素本身触发时才触发回调。
  .{keyCode | keyAlias}

• 只当事件是从侦听器绑定的元素本身触发时才触发回调。
  .native

• 监听组件根元素的原生事件。
  example：
  
  <button v-on:click="doThis"></button>

   <!-- 内联语句 -->
   <button v-on:click="doThat('hello', $event)"></button>
  
   <!-- 缩写 -->
   <button @click="doThis"></button>
  
   <!-- 停止冒泡 -->
   <button @click.stop="doThis"></button>
  
   <!-- 阻止默认行为 -->
   <button @click.prevent="doThis"></button>
  
   <!-- 阻止默认行为，没有表达式 -->
   <form @submit.prevent></form>
  
   <!-- 串联修饰符 -->
   <button @click.stop.prevent="doThis"></button>
  
   <!-- 键修饰符，键别名 -->
   <input @keyup.enter="onEnter">
  
   <!-- 键修饰符，键代码 -->
   <input @keyup.13="onEnter">
  

自定义指令

出去以上内置的指令外，vue允许自定义指令
自定义指令需要