nuxt logo

文档翻译(非官方)

useRuntimeHook

在 Nuxt 应用中注册一个运行时钩子,并确保在作用域销毁时正确处理。

这个可组合函数在 Nuxt v3.14+ 中可用。

signature
function useRuntimeHook<THookName extends keyof RuntimeNuxtHooks>(
  name: THookName,
  fn: RuntimeNuxtHooks[THookName] extends HookCallback ? RuntimeNuxtHooks[THookName] : never
): void

用法

参数

返回值

这个可组合函数不返回值,但在组件的作用域销毁时会自动注销钩子。

示例

pages/index.vue
// 注册一个钩子,每次预取链接时运行,但在组件卸载时会自动清理(并且不会再次调用)
useRuntimeHook('link:prefetch', (link) => {
  console.log('Prefetching', link)
})