項目GitHub位址： https://github.com/RobbieXie/vuex-simple-demo
先說說項目吧，導師讓做一個陳年老項目WebGIS的重構，前端我們選擇了沒接觸過的Vue，聽說很不錯，特地試一試，我們抛開業務不談，在項目中我們使用了Vue2.0+VueRouter來控制頁面顯示和路由，通過Vuex來管理一些全局資訊，比如使用者Session資訊等。
界面如下：
如圖所示，我們的首頁由4部分構成，左側導航欄、頂部header欄、中間首頁欄和底部欄。底部css手機端沒設好，沒有顯示出來。。。。
我們通過vuex來管理了登陸資訊，當登陸的時候，header和mainpage都會顯示使用者名資訊，當沒有登陸的時候，頂部header會提示login連結。
整體上，這是一個通過vue實作的單頁面應用。
目錄上我們選擇了vuex官網推薦的目錄結構。 并分離了actions getters modules，具體的代碼可以clone下來跑一下便知道其中原理的，有關vuex管理全局變量的教程我們全部參考了官網：http://vuex.vuejs.org/zh-cn/actions.html
總體來說，vue非常的好用，整體結構簡潔明了，學起來也并不複雜難懂。推薦大家以此demo為例子，深入學習下vue！