Nuxt 的自动导入(auto-imports)是怎么回事?
Nuxt 会在编译时扫描特定目录,自动把导出注册为全局可用,无需手写 import:
composables/下的useXxx函数:自动导入utils/下的工具函数:自动导入- Vue 的
ref/computed、Nuxt 的useRoute/useRouter/useFetch等内置 API:自动导入
// composables/useCounter.ts
export const useCounter = () => {
const count = ref(0)
return { count, inc: () => count.value++ }
}
// 页面里直接用,无需 import
const { count, inc } = useCounter()好处:代码更干净;注意 IDE 可能报"未定义",装 Nuxt 官方插件即可获得类型提示。