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>

useRuntimeConfig

使用 useRuntimeConfig 可组合函数访问运行时配置变量。

useSeoMeta

useSeoMeta 可组合函数允许您将站点的 SEO 元标记定义为具有完整 TypeScript 支持的扁平对象。