通过 100+ 技巧合集学习 Nuxt!

useRuntimeHook

在 Nuxt 应用程序中注册一个运行时钩子,并确保在作用域销毁时正确处理它。
此组合式函数在 Nuxt v3.14+ 版本中可用。
signature
function useRuntimeHook<THookName extends keyof RuntimeNuxtHooks>(
  name: THookName,
  fn: RuntimeNuxtHooks[THookName] extends HookCallback ? RuntimeNuxtHooks[THookName] : never
): void

Usage

Parameters

  • name: 要注册的运行时钩子的名称。您可以在此处查看运行时 Nuxt 钩子的完整列表。
  • fn: 钩子触发时要执行的回调函数。函数签名因钩子名称而异。

Returns

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

Example

pages/index.vue
<script setup lang="ts">
// Register a hook that runs every time a link is prefetched, but which will be
// automatically cleaned up (and not called again) when the component is unmounted
useRuntimeHook
('link:prefetch', (
link
) => {
console
.
log
('Prefetching',
link
)
}) </script>