（吐槽新浪插入原始碼這麼麻煩）vue

模板，顧名思義就是在呈現資料的時候，預先設定乙個「模」，讓資料按照這個模列印到頁面上，這是動態建立頁面元素/資料時的做法。vue使用了基於html語法的模板，按文件展示有下列幾種：

1.文字插值，mustache語法（雙大括號），在標籤內}，單向的從vue例項的屬性（變數）列印到頁面上，變數message改變，}內的值也改變。

2.插入html，在父元素中使用指令

v-html=「xx」，xx即插入的html

3.繫結屬性，v-bind：a=「b」，可以簡寫成：a=「b」（v-bind：

-->

: ）

4.無**本插值還是屬性繫結，繫結值都可以是乙個js表示式

5.「指令（directives）是帶有

v-字首的特殊屬性。」目前從基礎部分來說，用的比較多的是下面幾個：

v-bind：繫結屬性（vue例項中的屬性或自定義，可更新），

v-on：繫結事件，先不多說

v-for：渲染列表，可操作物件和v-if一樣，可用於dom元素如li或借元件渲染，還能是template中的html片段

v-if：新增或刪除dom元素，為真時顯示，為假時刪除（在控制台恢復真值時還是會顯示的）

6.修飾符：比如.prevent，.enter，.native，說白了就是事件會以某種限定的方式或行為執行，比如keyup的時候要enter鍵才觸發，或執行的時候自動preventdefault()

7.過濾器：官方文件說，過濾器設計的目的是為了文字轉換，所以就不建議濫用了。vue裡面有提供一些功能相似但目的性不一樣的方法，如methods（通用）、計算屬性（依賴的變數更新時重新計算，消耗比較小），watch（監測屬性的更新）等等。

過濾器用在兩個地方：mustache插值和v-bind繫結屬性的時候，放在js表示式後面，其前面有個管道符「|」作指示，比如：a=「b | 過濾器（函式名）」，沒錯，從官網的例子來看，過濾器就是乙個格式化文字的函式，返回格式化後的文字。

}

過濾器可以串聯，其第乙個引數總是message的值

8.指令的縮寫：其實就是兩個，「：v-bind：」--> ":"

以及「v-on:」-->"@",繫結屬性和繫結事件，大部分情況可以這麼簡寫，包括在元件中