>  Q&A  >  본문

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

<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>

P粉821274260P粉821274260417일 전532

모든 응답(1)나는 대답할 것이다

  • P粉488464731

    P粉4884647312023-08-29 09:06:44

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

    으아악

    회신하다
    0
  • 취소회신하다