最近提了新的需求，讓我去看一下vue element admin，由於之前並沒有接觸過vue，所以看起來有點雲裡霧裡的，看的都懂，寫起來又是另一回事了。
這邊記錄下學習過程。
vue是中國人開發的，官方文件也好理解，所以看的比較多。
學習前，先問了大佬需要掌握的一些入門知識。
學習過程應該是vue基礎知識-->vuex，vue router-->vue element。
vue element是vue的乙個元件庫，個人感覺可能不用太花時間學習。
由於之前沒有接觸過vue，所以這裡vue的基礎知識可能記載的比較多。
首先是vue的生命週期，主要之前我寫android的，所以有點在意，官方的圖我就不上了，這裡說一下個人的理解。
首先是初始化乙個vue，然後執行對應的鉤子函式，created，mounted，updated，destory。這四個還有對應的before，如beforecreate函式。
帶before字首的函式比不帶的要稍早些。
所以這個流程是create，然後mounted，之後就是模版渲染，渲染完了之後根據資料不斷的update。
當資料被修改，先執行beforeupdate，然後虛擬dom重新渲染，然後在updated。
當然也可以從字面上去理解，更新前，和已更新。
接下來是**這邊的，我就記一些要點，這些要點都要自己寫html頁面寫過之後才可以理解的。
首先是v-bind,官網給了乙個滑鼠懸停顯示時間的例子，這個我理解為繫結html屬性，當然他可以搭配別的方法玩出花來。這裡拋個磚，加個v-on就可以實現根據不同事件顯示不一樣的屬性。
v-on，可用@代替，vue中的事件監聽，也是比較重要的東西。
v-model，vue中的資料繫結，可以繫結表單資料，用處資料處理應該會比較方便。
v-if，v-else，v-else-if。這三個是vue的條件分支語句。注意，當他用於是否顯示某個div的時候，可用v-show代替。
v-for，vue的迴圈。這個可以在前端處理物件資訊。比如說在data中繫結了乙個user物件，可以用v-for來迴圈獲取每乙個user物件。
v-once，這個不知道能幹什麼，只獲取一次資料，之後不管。
v-html，可以把html內容插入到網頁中。這樣說可能會有點迷糊。可以看作，後台傳了乙個html內容過來，把它插進對應的div裡。
v-text，同v-html，插入文字。
v-show，控制頁面元素是否隱藏。原理是將display屬性值變為none，修改的是css屬性，而如果用v-if來操控的話是涉及了js了，效率上說肯定是css比js好。
當然還有computed和watch。computed用於計算屬性，它裡面的函式是乙個物件。watch是監控屬性變化。
vue實現效率更快的原因是虛擬dom和diff演算法。所謂虛擬dom就不是真正的dom，vue頁面上的元素都是虛擬dom，當你修改乙個div的寬高時，diff演算法會算出這個虛擬dom修改前後的區別，然後在虛擬dom上直接進行修改。相對在dom樹上進行修改來說，效率快很多。
到此，vue基礎知識我覺得看的差不多了，像元件那塊我就簡單的看了下，覺得還是用到的時候再深入看看。
這邊開始講vue router。
這塊主要講的是路由，他有乙個router檔案用來分發路由，這塊我以前接觸過django感覺有點類似，匆匆看一下就算了。然後還有乙個就是路由傳值過去。
這邊有兩個方法，乙個是params和query。後者傳的值會在url中明文顯示。
這兩種方法在推路徑的時候語句也不相同，這塊login我實在路由表裡配好了，可以仔細看一下這兩句的區別，query用的是path，params用的是name。
this.$router.push(})this.$router.push(})
這邊接受的話就比較好理解了。
this.$route.query.username
this.$route.params.username
這樣即表示第乙個頁面的username引數。
感覺到了這一塊路由應該算看完了。
然後是vuex，看到後面有些浮躁，我好像也沒找到一些比較好的資料來講這塊的，所以簡單的理解了下他的概念。
他在專案的目錄為store。有四種屬性（不知道這麼說對不對）。
state，倉庫，把資料存在這裡面。
getters ， 把倉庫裡的資料拿出來。
mutations ， 更新getters資料，（同步更新）
actions， 非同步操作（更新資料）
他還有乙個module，可以把這四個整合起來，作為乙個物件。
這些我大概了看了一整天整理下來的，要學習vue element admin可能只是微不足道的前置知識吧。
vue element admin的作者也開了部落格講這個，可以參考下。
搭建vue element admin環境
1.安裝git 直接在資料夾下輸入cmd回車 轉殖專案 2 修改路徑 在cmd視窗執行以下兩條命令 npm config set prefix c node node global npm config set cache c node node cache 進入專案目錄 cd vue elemen...
vue element admin使用記錄
再 man.js同目錄下的permission.js中設定路由守衛和登陸判斷。在whitelist中設定路由白名單。不受非登陸狀態下攔截配置 使用js cookie模組來判斷使用者是否登陸狀態。是否快取有使用者登陸資訊。登陸狀態判斷邏輯為，如果獲取到後端設定的cookie欄位，則判斷是否有使用者資訊...
後台模板 vue element admin
而vue element admin是基於element ui 的一套後台管理系統整合方案。功能 功能 解壓壓縮包 進入目錄 cd vue element admin master 安裝依賴 npm install 啟動。執行後，瀏覽器自動彈出並訪問http localhost 9527 npm r...