Nuxt 的自动导入(auto-imports)是怎么回事?

Nuxt 会在编译时扫描特定目录,自动把导出注册为全局可用,无需手写 import:

// composables/useCounter.ts
export const useCounter = () => {
  const count = ref(0)
  return { count, inc: () => count.value++ }
}
// 页面里直接用,无需 import
const { count, inc } = useCounter()

好处:代码更干净;注意 IDE 可能报"未定义",装 Nuxt 官方插件即可获得类型提示。

同分类其他题目