onNuxtReady

onNuxtReady 컴포저블은 앱 초기화가 완료된 후 콜백을 실행할 수 있게 합니다.

onNuxtReady는 클라이언트 사이드에서만 실행됩니다. :br 앱의 초기 렌더링을 방해하지 않아야 하는 코드를 실행하는 데 이상적입니다.

plugins/ready.client.ts

export default defineNuxtPlugin(() => {
  onNuxtReady(async () => {
    const myAnalyticsLibrary = await import('my-big-analytics-library')
    // myAnalyticsLibrary를 사용하여 작업 수행
  })
})

앱이 초기화된 후에도 '안전하게' 실행할 수 있습니다. 이 경우, 코드는 다음 유휴 콜백에서 실행되도록 등록됩니다.

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

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