寫了幾個vue全家桶 + elementui，隨便寫寫通用的後臺管理系統

起步vue-cli腳手架安裝，一般store， router腳手架已經弄好了，按需引一個router main.js 中import router from ‘./router’，我解除安裝src外部建立一個router資料夾下建立index.html入口檔案，入口檔名在引入的時候可以省略，在index.html中，先引入 vue，在引入vue-router，由於router是vue全家桶中自身的，所以需要安裝vue.app(VueRouter)，並對其例項化mode選擇路由模式例如history 在下方配置路由 將其定義在外部命名為routes變數 是一個數組，裡面物件就是路由的相關配置 path， 可以設定name 方便後面的函數語言程式設計，同時接收component 可以直接引入 也可以按需引入 import，可以建立view目錄下建立vue檔案用來寫頁面例如我這次專案先建一個Home.vue什麼的Detail.vue 詳細頁面 List.vue 列表頁面例如圖書管理，商品管理，課程管理 首頁詳細頁，列表頁都這麼寫自己定義，vue頁面可以用快捷鍵一鍵建立，也可可以自己寫一個帶生命週期的自己常用的在vs code中定義模板，我自定義的快捷鍵是vue，template script style 就是一個vue頁面，template中先隨便寫點內容 在script中暴露預設介面，建立好之後就可以在router的入口檔案中引入新建立的vue檔案，