本文參考自：Vue.js——60分鐘快速入門
Vue.js是一個輕量級框架。
一、使用Vue的過程就是定義MVVM各個組成部分的過程的過程。
1、定義View
2、定義Model
3、創建一個Vue實例或"ViewModel"，它用于連接View和Model
二、雙向綁定
MVVM模式本身是實現了雙向綁定的，在Vue.js中可以使用v-model指令在表單元素上創建雙向數據綁定。
將message綁定到文本框，當更改文本框的值時，{{ message }}中的內容也會被更新。
Vue實例的data屬性指向exampleData，它是一個引用類型，改變了exampleData對象的屬性，同時也會影響Vue實例的data屬性。
三、Vue.js的常用指令
Vue.js的指令是以v-開頭的，它們作用于HTML元素，指令提供了一些特殊的特性，將指令綁定在元素上時，指令會為綁定的目標元素添加一些特殊的行為，我們可以將指令看作特殊的HTML特性（attribute）。Vue還具有良好可擴展性，可開發一些自定義的指令。
常用的內置指令有：
v-model指令、v-if指令、v-show指令、v-else指令、v-for指令、v-bind指令、v-on指令。
1、v-if指令
v-if是條件渲染指令，它根據表達式的真假來刪除和插入元素，它的基本語法如下：
v-if="expression"
expression是一個返回bool值的表達式，表達式可以是一個bool屬性，也可以是一個返回bool的運算式。
這段代碼使用了4個表達式：
i)數據的yes屬性為true，所以會被輸出。
ii)數據的no屬性為false，所以不會輸出。
iii）運算式age>=20,返回true，所以“Age：22”會被輸出。
iv)運算時name.indexOf("LilianW")>=0返回true，所以“Name：LilianWLY”被輸出。
注意：v-if指令是根據條件表達式的值來執行元素的插入或者刪除行為。
2.v-show指令
v-show也是條件渲染指令，和v-if指令不同的是，使用v-show指令的元素始終會被渲染到HTML，它只是簡單地為元素設置CSS的style屬性。
3.v-else指令
可以用v-else指令為v-if或v-show添加一個“else塊”。v-else元素必須立即跟在v-if或v-show元素的后面——否則它不能被識別。
4、v-for指令
v-for指令基于一個數組渲染一個列表，它和JavaScript的遍歷語法相似：v-for="item in items"
items是一個數組，item是當前被遍歷的數組元素。
5、v-bind指令
v-bind指令可以在其名稱后面帶一個參數，中間放一個冒號隔開，這個參數通常是HTML元素的特性（attribute），例如：v-bind:class
v-bind:argument="expression"
下面這段代碼構建了一個簡單的分頁條，v-bind指令作用于元素的class特性上。
這個指令包含一個表達式，表達式的含義是：高亮當前頁。
