Vue router
설치
npm install vue-router@4
사용법
router를 설치했다면 main.js에서 설치한 router를 import해서 추가해주자
참고로 여기서 app.mount("#app")은 마지막에 와야한다.
이걸 몰라서 추후 pinia 실습 때 한시간 가까이 삽질한듯...
App.vue에도 router를 이용해 페이지를 연결
이후 src 폴더 아래에 router폴더를 만든 다음 index.js파일을 만든 다음 추가하고싶은 vue의 이름과 경로를 설정해준다.
그 다음에는 html에서 사용하던 a tag는 router-link로 바꾸고, href는to로 바꾸면 기본 설정은 끝난다.
여기서 path에 적은 정보는 url에 지정될 경로
자세한 사용법은 https://router.vuejs.org/guide/ 를 통해 확인 가능
실습
로그인 페이지를 만들어보자
나중 실습을 위해 createMemoryHistory -> createWebHistory로 변경
