반응형
vue.js #vue #vue3 #npm #springboot #backend #frontend #프로젝트 #게시판만들기
-
[Spring Boot +Vue.js] 게시판 만들기 3 - 화면 구상하기 (+라우터)프로젝트/SpringBoot & Vue.js 2023. 2. 21. 13:44
📑 화면 구상 하기 header, footer는 한 번 생성해두면 크게 변할일이 없기 때문에 따로 컴포넌트로 만들어서 App.vue에 고정으로 박아둔다. 한 페이지에 다른 컴포넌트들을 보여주는 방법은 다음과 같다. 🎈 1. import로 Header와 Footer 페이지를 받아온다. 🎈 2. components 안에 import해올 때 지정한 컴포넌트 명칭을 선언해준다. (Header : Header , Header 둘다 가능) 🎈 3. 사용하고 싶은 곳에 컴포넌트 이름으로 태그를 써서 사용한다. src/components/ 아래 PageHeader와 PageFooter.vue 파일을 생성한다. Board Home> Board This is Main Footer 📑 라우터로 화면 이동하기 라우팅이란, 웹..