（一）vue指令

1.基础代码

  
  
  
  



  
  

    
{{ msg }}
  

  

2.v-cloak

使用 v-cloak 能够解决插值表达式闪烁的问题。

3.v-text

v-text会覆盖元素中原本的内容，但是插值表达式只会替换自己的这个占位符，不会把 整个元素的内容清空。默认 v-text 是没有闪烁问题的。

4.v-bind:

v-bind: 是 vue中，提供的用于绑定属性的指令
简写为 ：：

5. v-on:

 v-on: 事件绑定机制

简写为：@

6.事件修饰符

.stop 阻止冒泡

.prevent 阻止默认事件

.capture 添加事件侦听器时使用事件捕获模式

.self 只当事件在该元素本身（比如不是子元素）触发时触发回调

.once 事件只触发一次

7.v-model

v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定，使用  v-model 指令，可以实现表单元和Model 中数据的双向数据绑定。
v-model 只能运用在表单元素中。

8.v-for

迭代数组、对象属性、数字

9.v-if和v-show

v-if 的特点：每次都会重新删除或创建元素
v-show 的特点： 每次不会重新进行DOM的删除和创建操作，只是切换了元素的 display:none 样式 

v-if 有较高的切换性能消耗 
v-show 有较高的初始渲染消耗

如果元素涉及到频繁的切换，最好不要使用 v-if, 而是推荐使用 v-show
如果元素可能永远也不会被显示出来被用户看到，则推荐使用 v-if