NuxtApp
在Nuxt 3中,你可以在组合函数、组件和插件中访问运行时应用程序上下文。
在Nuxt 3中,你可以在组合函数、组件和插件中访问运行时应用程序上下文。
Nuxt应用程序接口
访问NuxtApp
在组合函数、插件和组件中,你可以使用useNuxtApp()
来访问nuxtApp
:
composables/useMyComposable.ts
export function useMyComposable () {
const nuxtApp = useNuxtApp()
// 访问运行时的nuxt应用实例
}
插件也可以方便地接收nuxtApp
作为第一个参数。
提供辅助函数
你可以提供可在所有组合函数和应用程序中使用的辅助函数。通常在Nuxt插件中完成这个操作。
const nuxtApp = useNuxtApp()
nuxtApp.provide('hello', (name) => `Hello ${name}!`)
console.log(nuxtApp.$hello('name')) // 输出 "Hello name!"