Nuxt3 中文课程《实战全栈开发简书》限时优惠

onNuxtReady

onNuxtReady组合式函数允许在你的应用程序完成初始化后运行回调函数。
onNuxtReady仅在客户端运行。
它非常适合运行不应阻塞应用程序初始渲染的代码。
plugins/ready.client.ts
export default defineNuxtPlugin(() => {
  onNuxtReady(async () => {
    const myAnalyticsLibrary = await import('my-big-analytics-library')
    // 使用myAnalyticsLibrary进行一些操作
  })
})

即使在应用程序初始化后运行也是“安全”的。在这种情况下,代码将注册在下一个空闲回调中运行。