1.指令

• v-text

<span v-text="msg"></span>
<!-- 和下面的一样 -->
<span>{{msg}}</span>

• v-show

根据表达式之真假值，切换元素的 display CSS 属性。

• v-if

根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。

• v-else

为 v-if 或者 v-else-if 添加“else 块”。

• v-for

<div v-for="(item,index) in items">
  {{ item.text }}
</div>

• v-on

<!-- 方法处理器 -->
<button v-on:click="doThis"></button>

<!-- 缩写 -->
<button @click="doThis"></button>

• v-bind

<!-- 绑定一个属性 -->
<img v-bind:src="imageSrc">

<!-- 缩写 -->
<img :src="imageSrc">

• v-model

在表单控件或者组件上创建双向绑定。

• v-cloak

[v-cloak] {
  display: none;
}

<div v-cloak>
  {{ message }}
</div>

2.交互

• get

 this.$http.get(url,{params:{a:1,b:2}})
        .then(function(res){ 成功 }
             ,function(){ 失败 })

• post

this.$http.post(url,{a:1,b:2,c:3},{emulateJSON:true})
         .then(function(res){ 成功 })
             ,function(){ 失败 })