useRuntimeHook
在 Nuxt 应用程序中注册一个运行时钩子,并确保在作用域被销毁时正确地处理它。
此组合式函数在 Nuxt v3.14+ 中可用。
签名
function useRuntimeHook<THookName extends keyof RuntimeNuxtHooks>(
name: THookName,
fn: RuntimeNuxtHooks[THookName] extends HookCallback ? RuntimeNuxtHooks[THookName] : never
): void
用法
参数
name
: 要注册的运行时钩子的名称。您可以在此处查看完整的运行时 Nuxt 钩子列表。fn
: 当钩子被触发时要执行的回调函数。函数签名会根据钩子的名称而变化。
返回值
此组合式函数不返回值,但它会在组件的作用域被销毁时自动注销该钩子。
示例
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>