本文參考自：Vue.js——60分鐘快速入門(mén)
Vue.js是一個(gè)輕量級(jí)框架苛萎。
一、使用Vue的過(guò)程就是定義MVVM各個(gè)組成部分的過(guò)程的過(guò)程。
1腌歉、定義View
2蛙酪、定義Model
3、創(chuàng)建一個(gè)Vue實(shí)例或"ViewModel"究履，它用于連接View和Model
二、雙向綁定
MVVM模式本身是實(shí)現(xiàn)了雙向綁定的脸狸，在Vue.js中可以使用v-model指令在表單元素上創(chuàng)建雙向數(shù)據(jù)綁定最仑。
將message綁定到文本框，當(dāng)更改文本框的值時(shí)炊甲，{{ message }}中的內(nèi)容也會(huì)被更新泥彤。
Vue實(shí)例的data屬性指向exampleData，它是一個(gè)引用類型卿啡，改變了exampleData對(duì)象的屬性吟吝，同時(shí)也會(huì)影響Vue實(shí)例的data屬性。
三颈娜、Vue.js的常用指令
Vue.js的指令是以v-開(kāi)頭的剑逃，它們作用于HTML元素，指令提供了一些特殊的特性官辽，將指令綁定在元素上時(shí)蛹磺，指令會(huì)為綁定的目標(biāo)元素添加一些特殊的行為，我們可以將指令看作特殊的HTML特性（attribute）同仆。Vue還具有良好可擴(kuò)展性萤捆，可開(kāi)發(fā)一些自定義的指令。
常用的內(nèi)置指令有：
v-model指令俗批、v-if指令俗或、v-show指令、v-else指令岁忘、v-for指令辛慰、v-bind指令、v-on指令干像。
1昆雀、v-if指令
v-if是條件渲染指令，它根據(jù)表達(dá)式的真假來(lái)刪除和插入元素蝠筑，它的基本語(yǔ)法如下：
v-if="expression"
expression是一個(gè)返回bool值的表達(dá)式狞膘，表達(dá)式可以是一個(gè)bool屬性，也可以是一個(gè)返回bool的運(yùn)算式什乙。
這段代碼使用了4個(gè)表達(dá)式：
i)數(shù)據(jù)的yes屬性為true挽封，所以會(huì)被輸出。
ii)數(shù)據(jù)的no屬性為false臣镣，所以不會(huì)輸出辅愿。
iii）運(yùn)算式age>=20,返回true智亮，所以“Age：22”會(huì)被輸出。
iv)運(yùn)算時(shí)name.indexOf("LilianW")>=0返回true点待，所以“Name：LilianWLY”被輸出阔蛉。
注意：v-if指令是根據(jù)條件表達(dá)式的值來(lái)執(zhí)行元素的插入或者刪除行為。
2.v-show指令
v-show也是條件渲染指令癞埠，和v-if指令不同的是状原，使用v-show指令的元素始終會(huì)被渲染到HTML，它只是簡(jiǎn)單地為元素設(shè)置CSS的style屬性苗踪。
3.v-else指令
可以用v-else指令為v-if或v-show添加一個(gè)“else塊”颠区。v-else元素必須立即跟在v-if或v-show元素的后面——否則它不能被識(shí)別。
4通铲、v-for指令
v-for指令基于一個(gè)數(shù)組渲染一個(gè)列表毕莱，它和JavaScript的遍歷語(yǔ)法相似：v-for="item in items"
items是一個(gè)數(shù)組，item是當(dāng)前被遍歷的數(shù)組元素颅夺。
5棱诱、v-bind指令
v-bind指令可以在其名稱后面帶一個(gè)參數(shù)稚字，中間放一個(gè)冒號(hào)隔開(kāi)饲宿，這個(gè)參數(shù)通常是HTML元素的特性（attribute），例如：v-bind:class
v-bind:argument="expression"
下面這段代碼構(gòu)建了一個(gè)簡(jiǎn)單的分頁(yè)條胆描，v-bind指令作用于元素的class特性上瘫想。
這個(gè)指令包含一個(gè)表達(dá)式，表達(dá)式的含義是：高亮當(dāng)前頁(yè)昌讲。
