Nuxt Kit · Nuxt Advanced

Nuxt Kit 提供可組合的實用工具，讓與 Nuxt Hooks、Nuxt 介面互動以及開發 Nuxt 模組變得非常容易。

探索所有 Nuxt Kit 實用工具。

用法

您可以將最新的 Nuxt Kit 新增到 package.json 的 dependencies 區段來安裝它。但是，請考慮始終明確安裝 @nuxt/kit 套件，即使 Nuxt 已經安裝了它。

@nuxt/kit 和 @nuxt/schema 是 Nuxt 的關鍵依賴項。如果您要單獨安裝它，請確保 @nuxt/kit 和 @nuxt/schema 的版本等於或高於您的 nuxt 版本，以避免任何意外行為。

package.json

{
  "dependencies": {
    "@nuxt/kit": "npm:@nuxt/kit-nightly@latest"
  }
}

test.mjs

import { useNuxt } from '@nuxt/kit'

在文件 > API > Kit 中閱讀更多內容。

Nuxt Kit 實用工具僅適用於模組，不適合在執行階段（組件、Vue composables、頁面、外掛程式或伺服器路由）中匯入。

Nuxt Kit 是一個僅限 esm 的套件，這表示您無法 require('@nuxt/kit')。作為一種變通方法，請在 CommonJS 內容中使用動態匯入

test.cjs

// This does NOT work!
// const kit = require('@nuxt/kit')
async function main() {
  const kit = await import('@nuxt/kit')
}
main()

模組作者指南

了解如何建立 Nuxt 模組以整合、增強或擴展任何 Nuxt 應用程式。

NuxtApp

在 Nuxt 3 中，您可以在 composables、組件和外掛程式中存取執行階段應用程式上下文。