맨 위부분에 있는 Header는 내가 공지사항을 눌렀던 자유게시판을 눌렀던 어떤 페이지로 이동했던간에
항상 그 위치에 있어야한다.
그러므로 header는 라우터로 해주는것이 아니라 App.vue 부분에다 component를 등록해준다!
template안에서 <router-view/> 위에다 컴포넌트 태그 <Header/>를 넣어준다.
router-view가 URL의 값에 따라 갱신되는, 해당하는 화면을 보여주는 영역이기 때문이다.
header는 가장 위에서 보여줘야하기 때문에 제일 위해 태그를 넣어준다.
'vue' 카테고리의 다른 글
[Bootstrap-Vue]게시판 만들기 - Read와 Delete 구현하기 (0) | 2020.09.01 |
---|---|
게시판 만들기 - 정렬과 글쓴이 필드추가하기 (0) | 2020.09.01 |
[Bootstrap-Vue]게시판 만들기 - 게시판 목록 만들기(b-table과 fields) (0) | 2020.09.01 |
[Bootstrap-Vue] 게시판 만들기 - bootstrap세팅하고 header만들기 (0) | 2020.08.31 |
vue를 이용해 게시판 기능 만들기 (0) | 2020.08.31 |