useRuntimeHook · Nuxt Composables

此組合式函式可在 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 meta 標籤，並提供完整的 TypeScript 支援。