Nuxt.js의 구성 요소가 자동으로로드되지 않는 경우

1983 단어 nuxt.js

소개



components의 자동 로딩으로 망설였으므로 비망록을 남깁니다.

[대상]
Nuxt.js v2.15~

목차



  • components 자동로드
  • 자동 로드 설정
  • 중첩 된 경우
  • [참고]


    • components 자동 로드 Nuxt.js의 자동 가져오기는 v2.13부터 새로 추가된 기능입니다. components를 읽고 싶은 대상 파일로, <파일명 />로 하는 것만으로 import하지 않고도 읽어들일 수 있어, import 지옥에서 빠져 나올 수 있는 뛰어난 것입니다.
    이렇게 하면 welAppBar.vue 파일을 로드할 수 있습니다. 훌륭합니다.

    components 자동 로드 설정
    export default 내에서 위와 같이 자동 로드를 활성화합니다. 마지막으로 쉼표를 잊지 마세요. 단지 이것만으로 방금전과 같이 <ファイル名 /> 로 호출할 수 있습니다

    중첩된 경우 Nuxt.js v2.15 이상에서는 components 파일이 중첩 구조로 되어 있는 경우, 호출시에 components 이하의 디렉토리명도 기재하지 않으면 안됩니다. (여기서 주저했습니다) 자동 로드 기능이 추가된 당초는 디렉토리명은 기재하지 않아도 좋았습니다만, v2. 15 이상으로부터의 사양이 되고 있으므로 조심해 실장해 가고 싶습니다. components/base/foo/Button.vue

    참고문헌 - Nuxt.js 공식
    Google Apps Script에서 Google Ad Manager 보고 API를 두드리기
    Nuxt.js에서 Google 태그 관리자에게 이벤트를 보내는 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage