使用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