[개인블로그] 5. vue 컴포넌트 만들기(헤더, 풋터)

블로그 틀을 잡기 위해 vue 컴포넌트를 만들어보자.

컴포넌트

components>common 폴더를 만들고 그 밑에 Footer.vue / Header.vue / navbar를 만들 것이다.

 

헤더(Header.vue)

Header.vue

풋터(Footer.vue)

Footer.vue

 

헤더, 풋터 적용

src/App.vue

Header, Footer 컴포넌트 등록 후 사용

728x90

헤더, 풋터 적용 완료

이제 헤더랑 풋터를 제대로 꾸며봅시다.

반응형