透過 100 多個技巧的集合來學習 Nuxt!

onNuxtReady

onNuxtReady composable 允許在您的應用程式完成初始化後執行回呼函式。
onNuxtReady 僅在客戶端執行。
它非常適合執行不應阻塞應用程式初始渲染的程式碼。
plugins/ready.client.ts
export default defineNuxtPlugin(() => {
  onNuxtReady(async () => {
    const myAnalyticsLibrary = await import('my-big-analytics-library')
    // do something with myAnalyticsLibrary
  })
})

即使在應用程式初始化後執行也是「安全」的。 在這種情況下,程式碼將會被註冊以便在下一個閒置回呼中執行。