1.指令
<span v-text="msg"></span>
<!-- 和下面的一樣 -->
<span>{{msg}}</span>
根據(jù)表達(dá)式之真假值桑包,切換元素的 display CSS 屬性扫尖。
根據(jù)表達(dá)式的值的真假條件渲染元素膊夹。在切換時(shí)元素及它的數(shù)據(jù)綁定 / 組件被銷毀并重建截驮。
為 v-if 或者 v-else-if 添加“else 塊”。
<div v-for="(item,index) in items">
{{ item.text }}
</div>
<!-- 方法處理器 -->
<button v-on:click="doThis"></button>
<!-- 縮寫 -->
<button @click="doThis"></button>
<!-- 綁定一個(gè)屬性 -->
<img v-bind:src="imageSrc">
<!-- 縮寫 -->
<img :src="imageSrc">
在表單控件或者組件上創(chuàng)建雙向綁定娇哆。
[v-cloak] {
display: none;
}
<div v-cloak>
{{ message }}
</div>
2.交互
this.$http.get(url,{params:{a:1,b:2}})
.then(function(res){ 成功 }
,function(){ 失敗 })
this.$http.post(url,{a:1,b:2,c:3},{emulateJSON:true})
.then(function(res){ 成功 })
,function(){ 失敗 })