npm i -D unplugin-auto-import
vite.config.ts配置
import AutoImport from "unplugin-auto-import/vite" export default defineConfig({ plugins: [ ... AutoImport ({ imports: ["vue", "vue-router"], // 自动导入vue和vue-router相关函数 dts: "src/auto-import.d.ts" // 生成 `auto-import.d.ts` 全局声明 }) ] })
🔖3.现在vue组件中可以直接使用composition api
before
<script lang="ts" setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
</script>
after
<script lang="ts" setup>
const count = ref(0)
const router = useRouter()
</script>