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

项目成品图：