使用unplugin-auto-import自动导入vue3的api，不需要在每一个.vue文件中重复去导入操作

1、unplugin-auto-import包的作用

自动导入Vue3的API‌：自动导入Vue 3的Composition API（如ref、reactive、computed等）以及其他常用库的API，如Vue Router的useRoute、useRouter或Pinia的defineStore等

2、unplugin-auto-import的配制

import AutoImport from "unplugin-auto-import/vite";
export default defineConfig({
  plugins: [
    ...
    AutoImport({
      imports: [
        "vue",
        "vue-router"
      ],
      dts: true, //会生成一个auto-import.d.ts文件，默认在根目录下
    }),
  ],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
});

以下是可配制的参数：

3、配制完成以后会生成一个文件：

4、.vue文件中不需要import相应的api