使用Nuxt Bridge时，#imports可导入的函数与对象完整列表是什么？
2026-7-11
Nuxt 3 #imports 可自动导入的内容清单
#imports 绝非仅支持 ref 和 computed，Nuxt 3 会自动导入 Vue 核心、Nuxt 专属工具及常用辅助类的大量 API，无需手动编写导入语句。
一、Vue 核心API
除了你提到的两个，还涵盖：
- 响应式工具：
reactive、readonly、shallowRef、shallowReactive、toRef、toRefs、isRef、unref、watch、watchEffect - 生命周期钩子：
onMounted、onUpdated、onUnmounted、onBeforeMount、onBeforeUpdate、onBeforeUnmount、onErrorCaptured - 组件相关API：
defineProps、defineEmits、defineExpose、useAttrs、useSlots - 其他核心方法：
h、resolveComponent、nextTick
二、Nuxt 3 专属API
这些Nuxt提供的核心能力也会自动导入：
- 路由工具：
useRouter、useRoute - 应用与配置：
useNuxtApp、useRuntimeConfig - 异步数据获取：
useAsyncData、useFetch、useLazyAsyncData、useLazyFetch - 头部与请求工具：
useHead、useCookie、useRequestHeaders、useRequestEvent
三、集成工具类
Nuxt 3 默认集成了VueUse的常用工具，也支持自动导入：
- 存储相关：
useLocalStorage、useSessionStorage - 状态与设备工具：
useDark、useMediaQuery - HTTP客户端：
$fetch
查看完整自动导入清单的方法
- 执行项目命令生成信息：
npx nuxi info
- 查看Nuxt自动生成的类型文件：
.nuxt/imports.d.ts，该文件会列出所有可自动导入的API的类型定义，覆盖全部支持的函数、对象与常量。
你也可以在nuxt.config.ts中通过imports配置项，自定义扩展自动导入的内容，比如添加私有工具函数或第三方库API。
内容的提问来源于stack exchange，提问作者robskrob
相关产品推荐
相关产品推荐
