插值
文本(輸出文本):{{ }}或v-text
Html(輸出Html):v-html
監聽屬性
常用於表單輸入時要進行的動作
watch : {
dataValue:function(val) {
}
}
指令
v-text=表達式” 設置標籤中的文本
v-html 設置標籤中的html
v-if 控制是否有元素,v-if="isDelete"
v-for 循環
v-show 控制元素隱藏,如 v-show="isShow"
v-model 數據雙向綁定(用於表單),如 <input type="text" v-model="name">
v-on 註冊事件,如 v-on:click="func"
v-bind: 綁定屬性(title、class、href等)或對象,如<a v-bind:href="toUrl">
v-if與v-show的區別:
v-if是根據值從Dom樹增加或刪除節點
v-show是根據值來控制元素的顯示或隱藏,即控制display樣式
v-bind和v-model的區別:
通過 v-bind:value 也可以實現對錶單賦值,但v-bind綁定數據是單向得,而v-model雙向數據綁定