NuxtApp · Nuxt Advanced

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

在Nuxt 2中，这被称为Nuxt上下文。

Nuxt应用程序接口

查看NuxtApp接口文档。

在组合函数、插件和组件中，你可以使用useNuxtApp()来访问nuxtApp：

composables/useMyComposable.ts

export function useMyComposable () {
  const nuxtApp = useNuxtApp()
  // 访问运行时的nuxt应用实例
}

插件也可以方便地接收nuxtApp作为第一个参数。

Read more in Docs > Guide > Directory Structure > Plugins.

你可以提供可在所有组合函数和应用程序中使用的辅助函数。通常在Nuxt插件中完成这个操作。

const nuxtApp = useNuxtApp()
nuxtApp.provide('hello', (name) => `Hello ${name}!`)

console.log(nuxtApp.$hello('name')) // 输出 "Hello name!"

在插件中返回一个带有provide键的对象，可以注入辅助函数。

在Nuxt 2中的插件中，这被称为inject函数。

Nuxt Kit

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

Authoring Nuxt Layers

Nuxt 提供了一个强大的系统，允许你扩展默认的文件、配置等等。