指令 (directives) 是帶有v-字首的特殊屬性。即：vue給html元素增加了一些自定義屬性，這些自定義是屬性是以"v-"開頭的屬性
v-text：更新元素的 textcontent。如果要更新部分的 textcontent ，需要使用 } 插值。
v-html：更新元素的 innerhtml
v-show：根據表示式之真假值，切換元素的 display css 屬性。
v-if：根據表示式的值的真假條件渲染元素（與程式語言中的if是同樣的意思）
v-else：表示否則（與程式語言中的else是同樣的意思）
v-else-if：（與程式語言中的else if是同樣的意思）
v-for：可以迴圈陣列，物件，字串，數字，
v-on：繫結事件***。事件型別由引數指定。
v-bind：動態地繫結乙個或多個屬性（特性），或乙個元件 prop 到表示式。
v-model：在表單控制項或者元件上建立雙向繫結
v-pre：跳過這個元素和它的子元素的編譯過程。可以用來顯示原始 mustache 標籤。跳過大量沒有指令的節點會加快編譯。
v-cloak：這個指令保持在元素上直到關聯例項結束編譯。和 css 規則如 [v-cloak] 一起用時，這個指令可以隱藏未編譯的 mustache 標籤直到例項準備完畢。
v-once:只渲染元素和元件一次。隨後的重新渲染，元素/元件及其所有的子節點將被視為靜態內容並跳過。這可以用於優化更新效能。
}
我是可以看見的div，使用v-show
0.5">
大於0.5
小於0.5
迴圈陣列：
迴圈陣列：
迴圈物件：
迴圈物件：
迴圈字串：
迴圈數字：
this will never change: }
04 Vue的基礎語法（計算屬性）
計算屬性中也可以進行一些更加複雜的操作 每個計算屬性都包含乙個getter和乙個setter 在上面的例子中，我們只是使用getter來讀取。在某些情況下，你也可以提供乙個setter方法 不常用 在需要寫setter的時候，如下 我們可能會考慮這樣的乙個問題 methods和computed看起來...
Vue模板語法 04
單頁面應用程式 只有第一次會載入頁面,以後的每次請求,僅僅是獲取必要的資料.然後,由頁面中js解析獲取的資料,展示在頁面中 傳統多頁面應用程式 對於傳統的多頁面應用程式來說,每次請求伺服器返回的都是乙個完整的頁面 優勢1 ajax 2 錨點的使用 window.location.hash 3 has...
04 Vue之v bind v on的使用
doctype html en utf 8 viewport content width device width,initial scale 1.0 document title v cloak style head 使用 v cloak 能夠解決 插值表示式閃爍的問題 p msg h4 預設 v...