Vue3+elementPlus支持动态路由和菜单管理UI框架

内容较多请耐心阅读，你认真读完一定获益匪浅

安装

1. 下载访问https://gitee.com/unitui/unituicli3.git获取源码。
2. 在项目目录执行“npm install”
3. 通过“npm run serve”运行项目

前言

这是一个基于vuecli+element-plus共同搭建的一个开源vue3动态路由和动态菜单开源框架，总体来说这个项目是非常优秀。你通过使用它直接实现动态路由和菜单管理功能，实现快速开发。支持二级菜单管理和嵌套路由管理。

介绍

集成JavaScript库情况

"element-plus": "^1.0.2-beta.70",

"vue": "^3.0.0",

"vue-router": "^4.0.0-0"

优点

1、unituicli3是一个基于vue3搭建的一个项目，它是与时俱进的，极具时代性，紧跟vue3的脚步。

2、项目仅仅集成了element-plus和vue-router两个必备的JavaScript库，除此之外没有再集成任何JavaScript库。这也就意味着你可以根据自己的项目需要去安装自己需要的JavaScript库，避免因为项目集成库过多给你带来烦恼。

3、强劲的组件管理器，我们为了帮助你实现可视化管理动态路由和菜单，我们内置了《组件管理》功能组件，使路由和菜单管理可视化。同时我们为了更好地实现项目管理，在vue2版本的基础上新增了可选json导出功能，让你可以快速实现json数据生成，生成用户权限路由和菜单。

4、美丽的视图框架，我们内置了一个后台管理UI框架，你可以通过使用它实现admin项目的快速生成和搭建。当然你也可以自己搭建自己喜欢的UI框架结构。

5、更少的干扰。为了让项目更加纯净，将项目控制权更多的交给开发者，我们新建了unitui文件夹位于src文件夹下用于存放我们内置的部分，为了便于你项目的启动和理解你可以直接将ivews和components文件夹内容清空，重新搭建你的组件，因为这些目录下的文件这些并不重要。

优势

名称 功能	介绍	功能
动态路由	用于可视化将vue文件加载到路由中，实现访问	挂载vue、删除、选择生成json，嵌套路由管理
动态菜单	将菜单与动态路由相配合，实现菜单点击访问路由	菜单增、删、改，二级菜单管理

组件管理器

Unituicli3因为《组件管理》而显得强大，因为这是核心组件，将动态路由（添加、删除、修改）、嵌套路由和菜单管