useRuntimeHook

Nuxt 애플리케이션에서 런타임 훅을 등록하고, 스코프가 파괴될 때 적절하게 해제되도록 보장합니다.

이 컴포저블은 Nuxt v3.14+에서 사용할 수 있습니다.

signature

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">
// 링크가 프리페치될 때마다 실행되는 훅을 등록하지만,
// 컴포넌트가 언마운트되면 자동으로 정리되고(더 이상 호출되지 않음) 해제됩니다.
useRuntimeHook('link:prefetch', (link) => {
  console.log('Prefetching', link)
})
</script>