Nuxt Kit · Nuxt Advanced

Nuxt Kit提供了可组合的实用工具，使与Nuxt Hooks、Nuxt Interface和开发Nuxt Modules变得非常简单。

了解所有Nuxt Kit实用工具。

使用方法

你可以将最新的Nuxt Kit添加到package.json的dependencies部分来安装。然而，即使Nuxt已经安装了@nuxt/kit包，也请始终明确安装它。

package.json

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

test.mjs

import { useNuxt } from '@nuxt/kit'

Read more in Docs > API > Kit.

Nuxt Kit实用工具仅适用于模块，不适用于在运行时（组件、Vue组合式、页面、插件或服务器路由）中导入。

Nuxt Kit是一个仅支持esm的包，这意味着你不能使用require('@nuxt/kit')。作为解决方法，在CommonJS环境中使用动态导入：

test.cjs

// 这样是不起作用的！
// const kit = require('@nuxt/kit')
async function main() {
  const kit = await import('@nuxt/kit')
}
main()

模块作者指南

学习如何创建一个Nuxt模块，以集成、增强或扩展任何Nuxt应用程序。

NuxtApp

在Nuxt 3中，你可以在组合函数、组件和插件中访问运行时应用程序上下文。