如何使用Nuxt Hooks？ [VUE/NUXT]

Question

我正在学习 NUXT，现在遇到了问题。

我正在尝试在模块中使用钩子，但我不知道如何使用，因为官方文档没有任何有关在组合 API 中使用钩子的信息。我尝试制作插件，但我没有找到如何从这个插件中获取价值或如何在代码中调用这个插件。

顺便说一句，我猜常规的 Lifecycle VUE Hooks 不能在 Nuxt 中使用？

我正在尝试制作加载指示器并尝试使用钩子“page:loading:end”。

我希望我写清楚了，因为我不是英国人:)

Answer 1

本页解释了如何使用Nuxt hooks：

如果你在 ~/plugins/your-plugin.js 中创建插件，Nuxt 会自动导入它。

然后就可以使用hooks了：

export default defineNuxtPlugin((nuxtApp) => {
               // Replace 'page:start' by whatever you want 
  nuxtApp.hook('page:start', () => {
    /* your code goes here */
  })
})