使用 Vue 类组件在 NuxtJs 项目中注册附加挂钩

Question

我正在构建我的第一个NuxtJs项目，并且我还使用Vue类组件将我的组件编写为类。应用Vue类组件后，我在访问beforeRouteEnter组件挂钩时遇到问题（不再被调用）。因此，我找到了有关在使用此库时注册附加挂钩的文档，但我无法弄清楚将import语句放置在NuxtJs结构中的位置。我有这个文件（与文档相同）：//class-component-hooks.jsimportComponent

P粉879517403 · Answer

结果非常简单：

我已将 .js 文件放入 plugins 文件夹中：

// plugins/class-component-hooks.js
import Component from 'vue-class-component'

// Register the router hooks with their names
Component.registerHooks([
  'beforeRouteEnter',
  'beforeRouteLeave',
  'beforeRouteUpdate'
])

然后在我的 nuxt.config.js 文件中，我放置了这一行：

...
  plugins: [
    { src: "~/plugins/class-component-hooks.js", mode: "client" },
  ],
...