SPA Vue.js에 공통 구성 요소인 머리글과 바닥글을 포함하는 방법

Question

<p>vuejs spa에서 프로젝트를 생성 중입니다/기본 App.vue에 포함하고 싶은 공통 구성 요소 머리글과 바닥글을 만들었습니다. </p> <p>아래에 코드 구조를 공유합니다:</p> <ol start="2"> <li>내 파일 App.vue를 공유하고 있습니다: </li> </ol> <p> <pre class="brush:html;toolbar:false;"><템플릿> <헤더></header> </템플릿> <스크립트> './comComponents/Header.vue'에서 헤더 가져오기 // 'comComponents/Footer.vue'에서 바닥글을 가져옵니다. 기본값 내보내기 { 이름: '앱', 구성요소: { 머리글, // 바닥글 } } </p> <ol start="3"> <li>Vue.js의 페이지에는 spa vuejs에서 잘 표시하기 위해 머리글과 바닥글을 함께 포함하는 방법에 대한 아이디어가 없습니다. 이 접근 방식에 어떤 문제가 있나요? </li>

Answer 1

header 和 footer 是原生 html 元素，您应该使用不常见的名称来命名组件，例如将它们命名为 AppHeader 和 AppFooter 다음과 같이 사용하세요:

으아악