今天回顾了下之前写的vue3代码，发现基本每一个组件都会导入api和utils工具类，于是想着能否做一下简化，能否省略掉这一步import的操作。网上搜了很多方法，最后有一个解决方案是比较符合我的要求的。
第一步：安装插件
npm install --save-dev unplugin-auto-import
第二步：注册插件
在vite.config.js中配置插件，自动导入vue，api和utils
第三步：组件中使用
原本组件中如果要调用工具类函数，或者调用api访问后端数据，我们需要导包，类似如下代码：
import utils from '@/utils' import api from '@/api'
现在可以省略了。
此外，因为配置自动导入插件的时候添加了'vue'，所以像ref，reactive，onMounted等方法函数就不需要导入了，可以直接使用。像原本组件中的如下代码
import {ref,reactive,onMounted,...} from 'vue'就可以省略了。
