模块自动导入的小工具

import { ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'

项目里很多文件都需要引入这些公共库，比较繁琐，使用一个小工具可以自动导入，就不需要在每个文件里面都写这些导入的代码了。

通过命令行下载安装

npm install unplugin-auto-import

然后去配置文件去修改配置，由于我目前的项目是vite，所以直接去vite.config.ts这个文件去修改
引入刚刚下载插件的包，配置plugins，指定生成类型声明文件的路径

import ViteAutoImport from 'unplugin-auto-import/vite'
    // 插件配置
    plugins: [
      vue(),
      ViteAutoImport ({
        resolvers: [ElementPlusResolver()],
        imports: ['vue', 'vue-router', 'pinia'],
        dts: '@types/auto-imports.d.ts',
      }),
    ],