Vue學習筆記-基本語法

插值
文本(輸出文本):{{ }}或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雙向數據綁定

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章