Vue 클래스 구성 요소를 사용하여 NuxtJs 프로젝트에 추가 후크 등록

Question

첫 번째 NuxtJs 프로젝트를 구축 중이며 Vue 클래스 구성 요소를 사용하여 구성 요소를 클래스로 작성하고 있습니다.

Vue 클래스 구성 요소를 적용한 후 beforeRouteEnter 구성 요소 후크에 액세스하는 데 문제가 있습니다(더 이상 호출되지 않음). 그래서 이 라이브러리를 사용할 때 추가 후크를 등록하는 방법에 대한 문서를 찾았지만 NuxtJs 구조에서 import 문을 어디에 배치해야 할지 알 수 없습니다.

다음 파일이 있습니다(문서와 동일):

으아악

NuxtJs 프로젝트에서 설정하는 방법에 대한 도움을 받고 싶습니다:

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

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

Answer 1

결과는 매우 간단합니다:

.js 파일을 plugins 폴더에 넣었습니다:

으아아아

그런 다음 내 nuxt.config.js ​​파일에 다음 줄을 배치했습니다.

으아아아