先上源碼地址：https://github.com/gmingchen/vue3-element-plus-admin
vue3-element-plus-admin主要目的在于學習?vue3?+?ts,功能還未很完善,目前只有基礎的?RBAC?權限控制,后續(xù)會?持續(xù)迭代更新。
vue3-element-plus-admin?是一個管理后臺基礎功能框架喳魏，基于?vue3?棉浸、?element-plus?和?typescript?實現(xiàn)。內(nèi)置了 i18n 國際化刺彩，動態(tài)路由迷郑，權限驗證。
默認 master 分支默認使用 composition-api 创倔，若需要 class 風格請使用class-style分支嗡害，但它不會和 master 保持同步更新
vue3-src
├─api 接口模塊
│
├─assets 靜態(tài)資源模塊
│? ├─icon svg圖標
│? ├─images 圖片
│? └─sass 樣式
│
├─components 全局組件模塊
│? └─svg-icon svg圖標組件
│
├─directive 全局自定義指令
│
├─element element-plus按需加載
│
├─mixins 代碼復用 （vue2混入）
│? ├─instance element的$message、$confirm畦攘、$loading可進行補充
│? └─page 分頁
│
├─router 動態(tài)路由
│
├─store vuex
│? ├─modules
│? │? ├─menu 菜單模塊
│? │? ├─setting 設置模塊
│? │? ├─tab 標簽頁模塊
│? │? └─user 用戶登錄信息模塊
│? └─index 動態(tài)加載模塊
│
├─types typescript接口
│
├─utils 工具模塊
│? ├─constants 常量
│? ├─index 工具
│? ├─regular 正則
│? ├─request axios二次封裝
│? └─storage 本地緩存工具
│
├─views 視圖模塊
│? ├─components
│? │? ├─iframe iframe組件用于加載其他頁面
│? │? ├─language 國際化設置組件
│? │? └─page 分頁組件
│? ├─global
│? │? ├─401 401頁面
│? │? ├─404 404頁面
│? │? └─login 登錄頁面
│? ├─layout
│? │? ├─components
│? │? │? ├─edit-info 修改信息
│? │? │? ├─headbar 頂部導航
│? │? │? ├─sidebar 側邊欄
│? │? │? └─tabsbar 標簽頁
│? │? └─index 布局入口頁面
│? └─modules 頁面模塊
如果覺的還湊活霸妹，就給個小星星吧！
