Vue3 + Element ui 后台管理系統

Vue3 + Element ui  后台管理系統

 

概述：這是一個用vue3.0和element搭建的后台管理系統界面。 

項目git地址: https://github.com/whiskyma/vue3-elementui   記得給我點贊哦!!!!!!

 

技術棧：

• vue3.0：漸進式JavaScript框架，易用、靈活、高效，似乎任何規模的應用都適用。
• element ui：基於vue2.0的ui組件庫。(本項目中此組件按需加載,減少打包體積大小)。
• vue-router：一般單頁面應用spa都要用到的前端路由。
• vuex：Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式。
• axios Axios 是一個基於 Promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。
• pug pug 是一種前端模板引擎，原名 jade。
• stylus Stylus是一個CSS預處理器。(為您詳細比較三個 CSS 預處理器（框架）：Sass、LESS 和 Stylus)。

本項目網站性能優化點:

• element ui 各組件按需加載。
• 開啟gzip壓縮或br壓縮(推薦br)。 (nginx服務器需要開啟,默認未開啟)
• 路由懶加載機制。(可以減少打包之后的包體積,此項目未處理,可自行添加懶加載)
• webpack4中的splitChunks方法分離第三方庫文件,減少打包vendors.js的體積

分離第三方庫js效果圖:

項目截圖:

• 登錄頁面

• 表單頁面

 

 

---

 

項目目錄結構截圖:

 

項目git地址: https://github.com/whiskyma/vue3-elementui

 

說明

 如果對您對此項目有興趣，可以點 "Star" 支持一下 謝謝！ ^_^

 

 或者您可以 "follow" 一下，我會不斷開源更多的有趣的項目

最后, 如果大家在開發項目的過程中,遇到什么問題評論區見!!!

記得點贊哦🤣🤣🤣