1. 程式人生 > 其它 >vue3專案後臺管理系統模板

vue3專案後臺管理系統模板

Vue3.0 釋出第一個版本至今有一段時間了,到現在一直在更新優化,在效能方面,對比 Vue2.x ,效能的提升比較明顯,打包後體積更小

來看下 Vue3.x 新增了哪些功能和特性。

Performance:效能優化

Tree-shaking support:支援搖樹優化

Composition API:組合API

Fragment,Teleport,Suspense:新增的元件

Better TypeScript support:更好的TypeScript支援

Custom Renderer API:自定義渲染器

目前和vue3配套的UI元件庫相對較完善的因該算 Element Plus(pc端) 和 Vant(移動端)了   vue2.x 和 3.x還是有一些本質上的區別, 反而使用上區別不是太大。有vue2.x基礎的夥伴到手可用   這裡不說那些單獨功能,因為實踐出真知,直接附上一個 vue3 + Element UI 後臺管理系統模板 我用目前瞭解的vue3知識做了一個後臺管理系統模板。有興趣的夥伴可以拿到手直接就可用   1. 用到技術: vue3 + Element Plus + Vuex + Route 2. 技術點: 登入功能 + 頁面跳轉 + 子路由 + 動態路由 + 選單欄 + 子選單(展開和不展開都相容) + 路由監聽 + 路由跳轉 內容不復雜,一看就懂,功能不復雜,到手可用   待完善:UI美化 功能根據自己需要完善 適配   下面附上專案gitee連結:
https://gitee.com/jiuT94/vue3_template.git
專案成品圖: