使用 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" },
  ],
...