什么是VUE
Vue.js (讀音 /vju?/，類似于 view) 是一套構(gòu)建用戶界面的漸進式框架吗货。與其他重量級框架不同的是泳唠，Vue 采用自底向上增量開發(fā)的設計。Vue 的核心庫只關(guān)注視圖層宙搬，它不僅易于上手笨腥，還便于與第三方庫或既有項目整合。
參考：https://www.zhihu.com/question/51907207
- MVVM
- 虛擬DOM
- 雙向數(shù)據(jù)綁定
- 單文件組件
學習VUE我們要知道什么
1.npm （基本使用）
npm是隨node.js一起安裝的包管理工具勇垛〔蹦福可安裝淘寶鏡像。
安裝：http://www.runoob.com/nodejs/nodejs-install-setup.html
使用：http://www.runoob.com/nodejs/nodejs-npm.html
2.ES6 （熟練使用）
ECMAScript 6（以下簡稱ES6）是JavaScript語言的下一代標準闲孤，已經(jīng)在2015年6月正式發(fā)布了谆级。它的目
標，是使得JavaScript語言可以用來編寫復雜下的一大型應用程序，成為企業(yè)級開發(fā)語言哨苛。
參考：《ECMAScript6入門優(yōu)化版.pdf》
線上教程：http://es6.ruanyifeng.com/
3.babel (了解)
一個廣泛使用的轉(zhuǎn)碼器鸽凶，可以將ES6代碼轉(zhuǎn)為ES5代碼币砂，從而在現(xiàn)有環(huán)境執(zhí)行建峭。
官網(wǎng)：http://babeljs.io/
4.webpack（熟悉）
Webpack 是一個前端資源加載/打包工具。它將根據(jù)模塊的依賴關(guān)系進行靜態(tài)分析决摧，然后將這些模塊按照指定的規(guī)則生成對應的靜態(tài)資源亿蒸。
5.vue-loader （了解）
單文件組件轉(zhuǎn)換為 JavaScript 模塊
教程：https://vue-loader.vuejs.org/zh-cn/
6.vue（熟練使用）
7.vue-router（熟練使用）
單文件組件應用官方推薦路由
教程：https://router.vuejs.org/zh-cn/index.html
8.vuex（熟練使用）
狀態(tài)管理
教程：https://vuex.vuejs.org/zh-cn/
9.axios（熟練使用）
異步請求
Promiss：https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345008539155e93fc16046d4bb7854943814c4f9dc2000
axios：http://www.reibang.com/p/df464b26ae58
10.Mint UI（熟練使用）
基于 Vue.js 的移動端組件庫
github：https://github.com/ElemeFE/mint-ui
官網(wǎng)：http://mint-ui.github.io/#!/zh-cn
11.Vue devtools（熟練使用）
vue調(diào)試工具
github：https://github.com/vuejs/vue-devtools#vue-devtools
12. vue-cli（了解）
官方命令行工具，可用于快速搭建大型單頁應用
github : https://github.com/vuejs/vue-cli
13. stylus（熟練使用）
14.編輯器
webstorm
- 注意熱重載設置：setting->system setting->Synchronization->Use "safe write" 不勾選
- 設置Vue File模板：setting->Editor->File and Code Templates
安裝VUE
1.直接<script>引入
2.npm安裝
cnpm install vue
vue-cli初始化一個應用
1. 初始化
# 全局安裝vue-cli
cnpm install --global vue-cli
# 創(chuàng)建一個基于 webpack 模板的新項目
vue init webpack my-vue
cd my-vue
# 安裝依賴
cnpm install
# 啟動應用
npm run dev
# 打包應用
npm run build
2.目錄結(jié)構(gòu)介紹
- build 環(huán)境配置及操作腳本
- config 配置文件
- src 資源文件
- assets 靜態(tài)資源
- components 單文件組件
- router 路由配置
- App.vue 頂層組件
- main.js 入口文件
