一、簡介

我個人理解,Vue.js是一套前端視圖層的框架,它只關(guān)心視圖展示和數(shù)據(jù)綁定,它的一些語法與Angular 1非常相似,如果有Angular 1相關(guān)的使用經(jīng)驗,上手會非???。

相比較其他的React、Angular 2等MVVM框架,它更加的輕量,效率也更高,也能更好的與其他庫集成。

它擁有以下幾個出色的特性:


    • 數(shù)據(jù)雙向綁定

    • 指令

    • 模板

    • 組件

當(dāng)前最新的版本為2.1.4。后續(xù)也會在這個版本下演示Demo。

 

二、環(huán)境準(zhǔn)備

下載安裝Node.js環(huán)境,安裝成功后在命令行窗口依次執(zhí)行以下命令:

> npm install bower -g> npm install express-generator -g

安裝完成后進(jìn)入工程目錄(隨意新建一個目錄),依次執(zhí)行以下命令,創(chuàng)建一個名為vue-demo的項目:

1 > express vue-demo --view=ejs2 > cd vue-demo3 > npm install4 > bower init5 > bower install requirejs --save6 > bower install vue --save

所有命令執(zhí)行成功后,在項目根目錄手動增加一個名為.bowerrc文件,內(nèi)容如下

1 {2   "directory": "public/plugins/"3 }

為了后面顯示的demo頁面好看一點,再引入bootstrap。這步不是必須的

> bower install bootstrap --save

最終的目錄結(jié)構(gòu)如

網(wǎng)友評論