1.Vue簡介 Vue是一套構建用戶界面的漸進性框架。Vue採用自底向上增量開發的設計，其關註點在圖層，與angular的區別就在這裡，它關註的是圖層，而angular註釋的是數據。 2.與React的區別： 2.1相同點 使用Virtual DOM（虛擬dom） 提供響應式（Reactive） 和 ...
1.Vue簡介
Vue是一套構建用戶界面的漸進性框架。Vue採用自底向上增量開發的設計，其關註點在圖層，與angular的區別就在這裡，它關註的是圖層，而angular註釋的是數據。
2.與React的區別：
2.1相同點
- 使用Virtual DOM（虛擬dom）
- 提供響應式（Reactive） 和組件化（Composable）的視圖組件
- 都將核心放在保持核心庫上，有配套的路由和負責處理全局狀態管理的庫
2.2不同點：
- 性能方面：React和Vue都是 Virtual Dom,但是渲染性能方面Vue優於React（Vue的Virtual Dom 使用了復刻自snabbdom）
- 更新性能：React是以該組件為根，重新渲染整個組件子樹，如果避免不必要的子組件的重渲染，需要在所有的地方實現shouldComponentUpdate檢測並使用不可變得數據結構。而Vue組件的依賴就是在渲染過程中自動追蹤的，不需要這樣去做
- 開發中：Vue每秒中最高處理10幀，而React每秒最高處理不到1幀
- HTML & CSS:React中所有組件的渲染都是依靠JSX————XML語法編寫，不過目前不太流行了，其優勢在於：使用JavaScript功能來構建視圖頁面；而Vue提供模板和JSX，其優勢在於：模板文件可以重覆利用，並且CSS3的使用可以涉及更少的功能實現，可讀性強，對於JavaScript要求低一些；CSS組件作用域：React需要把組件分佈多個文件，而Vue可以每個單文件組件中完全訪問CSS。
- 向上擴展：React的路由庫和狀態管理交給了社區維護，創建了一個更分散的生態系統；而Vue是官方維護和同步更新的，因此Vue沒有React繁榮，但是Vue提供了Vue-cli腳手架（包含Webpack,Browserify,no build system）
- 向下擴展：React使用前提：JSX和ES2015；而Vue起步階段不需要JSX和ES2015，起步簡單
- 本地渲染：ReactNative能使你用相同的組件模型編寫有本地渲染能力的APP，可以實現同時跨多平臺開發。可以減少開發成本！
3.Vue快速起步
- node安裝後，打開命令視窗：npm install vue
-
npm install --global vue-cli
- vue init webpack my-project //my-project是你的項目名這裡需要你註意項目名不予許大寫，項目描述，作者，Vue build，vue-router ESLint（ES6）
而我選擇了全都是，你如果不熟悉ES6可以選擇否，Karma +Mocha 測試框架：請看這個Mocha - npm install
- npm run dev
最好運行效果如上圖
本文參考博文：http://vuejs.org/guide/index.html
