Nuxt Kit · Nuxt 高级功能

Nuxt Kit 提供了可组合的实用程序，使与 Nuxt 钩子、 Nuxt 接口进行交互以及开发 Nuxt 模块变得超级简单。

探索所有 Nuxt Kit 实用程序。

用法

您可以通过将其添加到 package.json 的 dependencies 部分来安装最新的 Nuxt Kit。但是，请考虑始终显式安装 @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 可组合项、页面、插件或服务器路由）中导入。

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 中，您可以在可组合项、组件和插件中访问运行时应用程序上下文。