1.1　什么是Vue.js

1.1.1　Vue.js簡介

Vue.js是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，它只關(guān)注視圖層，采用自底向上增量開發(fā)的設(shè)計(jì)。Vue.js的目標(biāo)是通過盡可能簡單的API來實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。它不僅容易上手，還非常容易與其他庫或已有項(xiàng)目進(jìn)行整合。

Vue.js實(shí)際上是一個(gè)用于開發(fā)Web前端界面的庫，其本身具有響應(yīng)式編程和組件化的特點(diǎn)。所謂響應(yīng)式編程，即保持狀態(tài)和視圖的同步。響應(yīng)式編程允許將相關(guān)模型的變化自動(dòng)反映到視圖上，反之亦然。

和其他前端框架一樣，Vue.js同樣擁有“一切都是組件”的理念，它將一個(gè)網(wǎng)頁分割成多個(gè)可復(fù)用的組件，效果如圖1.1所示。

圖1.1　組件化示意圖

應(yīng)用組件化的特點(diǎn)，可以將任意封裝好的代碼注冊成標(biāo)簽，這樣就在很大程度上減少了重復(fù)開發(fā)，提高了開發(fā)效率和代碼復(fù)用性。如果配合Vue.js的周邊工具vue-loader，就可以將一個(gè)組件的HTML、CSS和JavaScript代碼都寫在一個(gè)文件當(dāng)中，這樣可以實(shí)現(xiàn)模塊化的開發(fā)。