Vue3 + Element ui 后台管理系统

发布于：2022-03-17 22:59:23

概述：这是一个用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效果图: