一、簡介
我個人理解，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
安裝完成后進入工程目錄（隨意新建一個目錄），依次執(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)如下
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式