通过 100 多个技巧学习 Nuxt!

Nuxt Kit

@nuxt/kit 为模块作者提供功能。

Nuxt Kit 提供了可组合的实用程序,使与 Nuxt 钩子Nuxt 接口 和开发 Nuxt 模块 的交互变得非常容易。

探索所有 Nuxt Kit 实用程序。

用法

安装依赖

您可以通过将其添加到 package.jsondependencies 部分来安装最新的 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"
  }
}

导入 Kit 实用程序

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()