序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import

我司有一款使用Vue构建的SPA 后台管理系统，此时客户提出一个需求。 2多页签保留状态，即切换页签的时候不重新刷新内容。 4在当前页面可以进行强制刷新功能。 2：使用Keep-alive包裹 router-view。

由于业务需要，本人需要在项目中增加多页签的功能，效果为记录打开过的路由并可以对路由进行关闭等操作。本文主要记录开发组件的过程和思路，记得先点赞在看噢！

整体流程 实现效果 代码已经上传到github 代码地址 流程 1、用户登陆，获取后端返回的路由 2、使用router.addRoute动态添加到路由 文档 3、使用router.getRoutes读

网上模板这么多，为什么还要自己搭建？ 目前主流的 Vue3+Vite 后台管理模板都相对复杂，集成了太多不实用的东西，对使用者并不友好，学习成本较高，甚至对一个中级前端来说要直接上手二次开发也是有一定

搭建 vite + vue3 + ts + pinia 项目框架..................

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。

我有很多朋友已经在企业级项目中使用vue3，有时我会问他们写vue3与vue2的体验有什么不同？我以为他们会说出无数类似于更快，更方便之类的赞美之词。可是，大部分回答都是“没什么区别，就是写法变了而已

axios取消重复请求： 相同的接口在上一个pending状态时，自动取消下一个请求； 请求失败重试： 接口请求后台异常时候，自动重新发起多次请求；请求接口数据缓存：接口在设定时间内不会向后台获取数据