SPA Vue.js에 공통 구성 요소인 머리글과 바닥글을 포함하는 방법
P粉821274260
2023-08-28 18:16:20
<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>
으아악header
和footer
是原生 html 元素,您应该使用不常见的名称来命名组件,例如将它们命名为AppHeader
和AppFooter
다음과 같이 사용하세요: