mustache也叫鬍子語法，簡單來說就是兩個大括號}，中間放置我們要顯示的變數，只允許在標籤內容中使用，不允許在屬性中使用：
示例**：
>
}<
/h2>
}<
/p>
}<
/p>
<
/div>
newvue(}
)<
/script>執行結果：
2. v-once：看單詞一次就是說，當有這個屬性的時候，展示的內容不變，如上面的示例**，當name的值改變時，存在v-once時，顯示的內容不會發生改變：
示例**：
>
}<
/h2>
}<
/p>
}<
/p>
<
/div>
newvue(}
)<
/script>執行結果：當name的值發生改變時，第乙個p標籤沒有設定v-once屬性，所以值隨之發生了變化，第二個p標籤設定了p屬性，因此值不發生變化：
3. v-html:將mustache中插入的值解析成html：
示例**：當沒有使用v-html時：
>
}<
/h2>
}<
/p>
}<
/p>
}<
/p>
<
/div>
newvue(}
)<
/script>執行結果：直接將url整體顯示出來，並沒有解析a標籤：
使用v-html：
示例**：
}<
/p>
"url"
>
<
/p>
<
/div>
newvue(}
)<
/script>
4. v-text:作用基本與mustache一樣，v-text返回的時乙個string型別,但是一般不使用
示例**：
>
}<
/h2>
"message"
>
<
/h2>
}<
/p>
}<
/p>
}<
/p>
"url"
>
<
/p>
<
/div>
newvue(}
)<
/script>執行結果：
5. v-pre:不解析語法，比如要輸出},而不是要輸出message的值，那麼可以使用v-pre：
示例**：第乙個p標籤沒有v-pre屬性，所以會解析message的值，第二個標籤有v-pre屬性，因此不會解析，會直接原封不動的輸出：
>
}<
/p>
}<
/p>
<
/div>
newvue(,
methods:})
;<
/script>執行結果：
6. v-cloak：在vue解析div之前有v-cloak，在vue解析之後沒有v-cloak：在這裡可以配合display：none使用，為p標籤新增v-cloak屬性，在vue解析div之前，v-cloak存在，因此style生效，display的值為none，介面沒有任何東西顯示，在vue解析div之後，v-cloak小時，style失效，介面顯示出內容：
示例**：
<
!doctype html>
"zh-cn"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
vue練習<
/title>
vue學習筆記 插值操作
指令概述 mustache指令 即大括號語法，其中不僅可以直接寫變數還可以寫簡單的表示式 指令 作用v once 保留第一次的設定 v html 對內容以html 的方式解析 v text 展示文字 v pre 將內容原封不動的展示出來 v cloak 解決螢幕閃動或顯示vue源 問題 v once...
vue 插值操作
mustache語法 雙大括號語法 用於將data中的文字資料插入到html中，可以寫變數，也可以寫簡單的表示式，並且是響應式的。data 2.v once v once後不跟任何表示式，當不想讓資料是響應式的時候使用，表示元素只渲染一次，不會隨著資料的改變而改變 data 3.v html 將內容...
vue 插值操作
vue.js 的核心是乙個允許採用簡潔的模板語法來宣告式地將資料渲染進 dom 的系統 mustache鬍子語法 雙大括號語法 直接用 將data中的值寫入頁面中 data v html 若後台返回的資料為html標籤內容，如，寫成如下 會直接在頁面顯示 data 但其實我們想顯示的為乙個超連結，所...