vue項目工程模板封裝系列——vue-cli@3+router+elementUI

前言

本人最近打算利用vue來開發一個關於CSS知識積累的網頁，可是開發時，忽然發現本身尚未一個能夠用的vue-cli@3的項目工程。所以，就決定本身先開發一個vue項目工程（web-template），做爲之後vue網頁開發的項目工程模板。

目前這個項目模板，我選用了vue-cli@3做爲工程基礎，elementUI做爲組件基礎，先行封裝了router，以後還會封裝Vuex、Axios等經常使用開發工具。

本期文章就重點介紹vue-cli@3+elementUI如何封裝router，自動生成網頁導航欄和對應的路由。

目錄結構

封裝router的代碼

1. pageList

2. router

3. element menu

GitHub 項目地址

web-template