Vue3升级Vue-manage-system的优化与挑战总结分析有哪些要点？

本文共计1206个文字，预计阅读时间需要5分钟。

目录前言按需导入组件的 name 选项Pinia权限管理Typescript总结前言近期抽取了一些时间，对 vue-manage-system 这个项目进行了升级。升级内容：从 vue2 升级到 vue3使用 elementplus使用 vite使用 pinia使用 Typescript总结

目录

• 前言
• 按需导入
• 组件的 name 选项
• pinia
• 权限管理
• Typescript
• 总结

前言

近期抽了点时间，对 vue-manage-system 这个项目进行了升级，从 vue2 升级到 vue3、 elementplus、vite、pinia、typescript。这也是对此次升级做了一些细节方面的总结吧。

按需导入

Elment plus 功能较多，但是在项目中并用不到这么多，此时需要按需导入，安装 unplugin-vue-components 和 unplugin-auto-import这两款插件，在 vite.config.ts 中配置插件

插件会自动导入 element plus，因此在 main.ts 中不再需要手动导入，否则插件的按需导入将不生效。