哎呀呀呀，現在大家都要會Vue || React，否則感覺跟這個前端的世界脫節了一樣。
start：
vue-cli這個構建工具大大降低了webpack的使用難度，支持熱更新，有webpack-dev-server的支持，相當於啟動了一個web服務器，給你搭建了一個測試-開發環境。
開發單頁應用是牆裂推薦的。特別的爽。
vue init webpack ~
npm install 模塊。
npm run dev 你會看到一個helloWorld的頁面。
我們得到以下工程目錄。
所有的vue開發文件，都在你的src目錄下方。
注意了，main文件為項目唯一入口，唯一入口，唯一入口，對webpack來說，他會根據mainjs里的引入關系，遞歸的打包模塊。
components為vue的文件組件，對於vue來說，一個項目或一個頁面是可以細分為很多很多的小的組件的，當把單個單個的組件完成，
我們就可以像搭積木一樣把一個頁面，一個工程組合起來。
eg：demo目錄
於是，我們在小demo里面，做了兩個頭部的組件，在view目錄分別有一個login組件和一個index的組件，views目錄的當做主頁面的組件，
components里面放零散組件。
extension內封裝一些常用的js方法。
Vuex：
vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。
一聽就很高大上，蠻嚇人的。其實就是把需要共享的變量全部存儲在一個對象里面，然后將這個對象放在頂層組件中供其他組件使用。只是這個“全局變量”包含了一些特定的規則和用法而已。
看他的用法
count狀態的改變只能通過顯式的提交 store.commit('increment')才能改變，
直接給count賦值是不行的，他是一個只讀的對象。
好，有了狀態管理，我是不是就可以通過這個工具去做一些事情，比如是否記住用戶信息，是否記住密碼，弱驗證是否登錄？
是的，完全可以。
項目開發完畢
npm run build 則會生成靜態文本到dist目錄下。
訪問靜態文件。
頁面會根據你的路由規則顯示不同的頁面。例如，登錄之后跳轉到首頁，首頁未登錄則回到登錄頁。
true表示狀態更新成功。
登錄的主頁。
注意了，頭部的條件都是動態獲取的。
也是可點的，depend axios，需要安裝並掛載到vue的原型屬性下，方能全局使用。
