Question

在 Nuxt 3 中，您可以在可组合项、组件和插件中访问运行时应用程序上下文。 在 Nuxt 2 中，这被称为”Nuxt上下文“

访问 NuxtApp

在可组合项、插件和组件中，您可以使用 useNuxtApp 访问 nuxtApp：

js

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

为方便起见，插件还接收nuxtApp作为第一个参数。 阅读更多关于插件的信息。

useNuxtApp（在服务器上）仅在 setup 期间，在 Nuxt 插件或 Lifecycle Hooks 中工作。

提供帮手

您可以提供可在所有可组合项和应用程序中使用的助手。 这通常发生在 Nuxt 插件中。

js

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

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

在 Nuxt 2 插件中，这被称为 注入函数。

可以通过返回带有provide键的对象来注入助手。 有关详细信息，请参阅 插件文档。