我們搭建webpack框架，並引入element（搭建框架之前有講過，從引入element開始）
（1）引入element.ui
a) cnpm i element-ui -s
b) 在main.js中引入
import elementui from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
vue.use(elementui);
按鈕
歡迎使用 element
（2）任何專案我們都是看到的頁面，那麼自然我們就得搭建路由，接下來開始搭建動態路由
個人理解：動態路由主要是加了meta標籤，meta標籤裡的role是用來和該賬號應展示的資訊（路由）做匹配
router->index.js中的內容：
import vue from 'vue'
import router from 'vue-router'
vue.use(router);
import layout from '../../src/components/layout/index'
import layout1 from '../../src/components/layout/index1.vue'
//所有許可權通用路由表
//不用許可權的公用頁面
export const constantroutermap = [
, ,
,]//例項化vue的時候只掛載constantrouter
export default new router(),
routes: constantroutermap
})//非同步掛載的路由
//動態需要根據許可權載入的路由表
export const asyncroutermap = [
, //使用者可以看到的路由
children: [
},// roles:，沒有使用者可以看到，故不展示},,
},},},]
},, children: [
},},
,children: [,},
},]},]
},]
到此，路由便搭建完成接下來，開始登入頁面吧
（3）登入頁面的編寫
分析：登入頁面：使用者名稱，密碼必不可少，要做的就是表單驗證，然後將使用者的token存放到vuex（放到vuex其他元件是可以獲取，非同步操作）和cookies中
a)頁面中引入vuex
在src目錄下新建store資料夾，這裡準備用模板，故store->新建index.js 、permission.js
在src目錄下引入store資料夾，並在模板中引入store 如下所示
在store->index檔案中配置
在store->permission.js中寫具體內容
到此，vuex引入完成
做個例子
在login.vue頁面上
store中的permission.js
頁面展示：
引入成功
開始login.vue
vue 管理後台手把手搭建 （5）
許可權寫完了，開始寫主頁面，如下 主要由側邊欄，頭部，tag標籤和主頁面構成。主要介紹tag標籤。a 側邊欄 引用element ui框架，從全域性導航鉤子開始說起，當我們拉取完使用者token後，需要拉取使用者許可權，我們需要對拉取來的使用者許可權做處理，判斷是否為超管許可權或者為該使用者應展示的...
手把手教你搭建 vue 環境
安裝成功後 右鍵選單 我們可以看到 gti bash here 說明我們已經安裝成功git 1.2 檢測node 是否安裝成功 右鍵空白，選擇 gti bash here 彈出 1.2.1 在終端輸入 node v 如果輸出版本號，說明我們安裝node 環境成功 隨便我們可以檢視 npm 的 版本號...
手把手搭建vps FQ
廢話不多說了，直接上手幹起來 一 vps選擇及購買 樓主選擇的是搬瓦工，網上口碑還是很不錯的，而且 也較便宜。購買 已被牆。可訪問國內備用 購買方案 如果只是個人用推薦購買 19.99 year，有時可能會斷貨。且現在支援支付寶購買。配置如下 關於架構和線路選擇樓主不是很熟悉，等日後會了更新 購買流...