Vue.js常用的指令

vue.js 的指令是以 v- 開頭的，它們作用于 HTML 元素，指令提供了一些特殊的特性，将指令綁定在元素上時，指令會為綁定的目标元素添加一些特殊的行為，我們可以将指令看做特殊的HTML特性。

v-if 指令

v-if 是條件渲染指令，它根據表達式的真假來删除和插入元素。

v-show指令

v-show 也是條件渲染指令，和 v-if 不同的是，使用 v-show 指令始終會被渲染到HTML，它隻是簡單地為元素設定css的style屬性。

v-else 指令

v-else 元素必須立即跟在 v-if 或 v-show 元素的後面 -- 否則它不能被識别。v-else 元素是否渲染在HTML中，取決于前面使用的 v-if 還是 v-show 指令。

v-for 指令

v-for 指令基于一個數組渲染一個清單，它和 JavaScript 的周遊文法相似：v-for = "item in items"。items 是一個數組，item 是目前被周遊的數組元素。

v-bind 指令

v-bind 指令可以在其名稱後面帶一個參數，中間放一個冒号隔開，這個參數通常是HTML元素，例如：V-bind:class。可以縮寫成：“：”

v-on 指令

v-on 指令用于監聽DOM事件，它的文法和 v-bind 是類似的，有兩種調用方式：綁定一個方法，或者使用内聯語句。可以縮寫成：“@”

v-text 指令

v-text 是用于操作純文字，它會替代顯示對應的資料對象的值。當綁定的資料對象上的值發生改變，插值也跟着發生改變。是單項資料綁定，資料對象上的值改變，插值會發生改變。縮寫形式 " {{}} " 。

v-html 指令

v-html 指令用于輸出html，他與 v-text 差別在于 v-text 輸出純文字，浏覽器不會對其再進行html解析，但 v-html 會将其當html标簽解析後輸出。

v-model 指令

v-model 指令通常用于表單元件的綁定，它與 v-text 的差別在于它實作的表單元件的雙向綁定，如果用于表單控件以外标簽是沒有用的。