本项目技术栈vite、vue3.4、pinia、vue-router4、axios、elementPlus、echarts，基于多方考虑，不上TypeScript，其实也是懒。

在权限系统开发中，根据后端返回的菜单列表动态添加路由是非常常见的需求，它可以实现根据用户权限动态加载可访问的页面。在上一篇文章中，我们已经了解到如何渲染侧边栏菜单。本篇文章我们将重点介绍如何优化动态路

动态路由 这里用vue3和vite来实现动态路由，点击这里查看效果 源码 使用场景 在后台管理系统，可以根据登录用户的不同返回不同路由，页面也会根据这些路由生成对应的菜单。这样通过服务器就能控制一个用

Vue3已经推出很长时间了，它周边的生态也是越来越完善了。之前我们使用Vue2的时候，Vuex可以说是必备的，它作为一个状态管理工具，给我们带来了极大的方便。Vue3推出后，虽然相对于Vue2

学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。 在用 Vue 开发的这几年里，我学到了很多有

1.安装依赖 npm i -S spark-md5 2.对接 api（需后端接口支持） 3.封装切片上传的 mixin 4.使用

函数防抖动（debounce）：防止在短时间内过于频繁的执行相同的任务。当短时间内的频繁是不必要的时候，就可以考虑去抖动，避免资源浪费，或造成不好体验。

Vue 3 现已成为新的默认版本，这个开箱即用的模板它不香吗？编程语言选用 TypeScript 4.x 、JavaScript。框架Vue3，UI框架配置了Element Plus。支持自动按需引入

本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。