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

// 링크가 사전 로드될 때마다 실행되는 훅을 등록하지만,
// 컴포넌트가 언마운트될 때 자동으로 정리되고 다시 호출되지 않습니다.
useRuntimeHook('link:prefetch', (link) => {
  console.log('Prefetching', link)
})

※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.

공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/composables/use-runtime-hook