（a）文字（雙大括號）
}
（c）屬性（v-bind指令）
v-text更新textcontent。（直接用雙大括號也是可行的）
v-html輸出真正的html。（一般輸出真正html直接用元件更方便）
v-pre跳過這個元素和它的子元素解析和渲染。（時顯時不顯操作可以用）
v-cloak這個指令是用來保持在元素上直到關聯例項結束時進行編譯。（會出現閃爍的可能）
v-once關聯的例項只會渲染一次。（一般後邊指定跟著元件）
v-if可以實現條件渲染。（銷不銷毀這個元素的操作）
v-else是搭配v-if使用的。
v-else-if充當v-if的else-if塊，可以鏈式的使用多次。（更方便實現switch-case語句）
v-show根據條件展示元素。（實現原理是display:none所以只是隱藏，沒有銷毀）
v-for根據遍歷陣列來進行渲染。（三引數含義：值value，鍵名key，下標index）
v-bind動態的繫結乙個或者多個特性。（常用的是繫結class，style，href）
v-model表單上建立雙向資料繫結。（登入或者表單提交用的很多）
v-on監聽dom事件。
（a）引數
v-bind:常用的是直接繫結資料物件，其簡寫方式例子中會見
data: }})
（b）修飾符
v-model.lazy 預設情況下，v-model同步輸入框的值和資料。可以通過這個修飾符，轉變為在change事件再同步
.number 自動將使用者的輸入值轉化為數值型別
.trim 自動過濾使用者輸入的首尾空格（常用）
v-on.stop 阻止事件繼續傳播（常用）
.prevent 事件不再過載頁面（常用）
.once 事件將只會觸發一次（常用）
.self 只當在 event.target 是當前元素自身時觸發處理函式
.passive 告訴瀏覽器你不想阻止事件的預設行為
.capture 使用事件捕獲模式,即元素自身觸發的事件先在此處處理，然後才交由內部元素進行處理
v-model 指令用來在 input、select、text、checkbox、radio 等表單控制項元素上建立雙向資料繫結，根據表單上的值，自動更新繫結的元素的值。
（a）管道符「 | 」實現過濾語法書寫；
（b）可串聯，可單獨書寫，例如：} ；
（c）允許自定義過濾函式；
（d）自定義過濾器函式允許有引數，如上所示（值，1參，2參）；
（e）vue自帶過濾器
capitalize
首字母大寫
uppercase全部大寫
lowercase全部小寫
currency輸出金錢以及小數點
pluralize輸出複數的形式
debounce延期執行函式
limitby在 v-for 中使用，限制數量
filterby在 v-for 中使用，選擇資料
orderby在 v-for 中使用，排序
vue基礎 模板語法
1 插值 a.文字 b.純html v html慎用 防止xss,csrf 1 前端過濾 前端採用正則將容易注入的字元 等過濾掉 2 後台轉義 換成 clicka c.表示式 2 指令 是帶有 v 字首的特殊屬性 v bind 動態繫結屬性 v if 動態建立 刪除 v show 動態顯示 隱藏 v...
Vue基礎 三 模板語法 二
vue是通過指令v on來繫結事件的，例如最常用的點選方法 v on click。我們也可以縮寫為 click 來個簡單的案例 點選點選1 點選2點選3 執行的效果 可以看到，四種寫法都可以實現點選事件的繫結，並且this指向的是vue的例項物件。前面兩個方案能將num值改變，但是我們不推薦這麼寫，...
VUE 模板語法
message span 雙大括號裡面的內容會被替換成msg的變數值，在msg變數值改變的時候會自動更新html裡的內容 只輸出純文字文字，不會有html效果，為了輸出html需要用到v html指令 using mustaches p using v html directive v html r...