function useRuntimeHook<THookName extends keyof RuntimeNuxtHooks> (
name: THookName,
fn: RuntimeNuxtHooks[THookName] extends HookCallback ? RuntimeNuxtHooks[THookName] : never,
): void
name:要注册的运行时钩子名称。你可以在此处查看完整的运行时 Nuxt 钩子列表。fn:当钩子被触发时执行的回调函数。函数签名根据钩子名称有所不同。该组合函数不返回值,但会在组件作用域销毁时自动注销该钩子。
<script setup lang="ts">
// 注册一个钩子,每当链接被预取时执行,
// 并且当组件卸载时会自动清理(不会再次调用)
useRuntimeHook('link:prefetch', (link) => {
console.log('正在预取', link)
})
</script>