Nuxt3 自動載入Auto Imports

Nuxt3 自動載入(Auto Imports)的功能:

Vue 3 的 API 的自動載入
特定的目錄 components、composables、layouts、plugin 添加檔案時,Nuxt 3 會自動載入這些元件
自動載入函數:useAsyncData,$fetch,ref、computed
Nuxt 自動載入的元件:參考官方文件

1
2
3
4
<NuxtWelcome />
<NuxtPage>
<NuxtLayout>
<NuxtLink>

關閉自動載入

修改專案目錄nuxt.config.ts

1
2
3
4
5
export default defineNuxtConfig({
imports: {
autoImport: false
}
})