Nuxt Kit · Nuxt 高级

Nuxt Kit 提供可组合的实用工具，使与 Nuxt Hooks、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 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、组件和插件中访问运行时应用程序上下文。