목록vue router import (1)

HEROJOON 블로그(히로블)

Vue 3 프로젝트에 Router 설정하기

목표 Vue 3 프로젝트에서 Router 설정하기 개발 환경 Node: v18.13.0 NPM: 8.19.3 Vue CLI: v5.0.8 - 예시에서는 npm 패키지 매니저를 사용했습니다. 할 거 요약 1. Router 연결 테스트를 위한 테스트용 Component 생성하기 2. Vue 3 프로젝트에 vue-router npm 패키지 추가하기 3. Router의 Path와 Component의 맵핑 정보 담을 router.js 생성하기 4. router.js 파일이 전역에 동작할 수 있도록 최상위에 import 하기 5. router.js에 맵핑한 Path와 Component대로 페이지가 그려질 수 있도록 최상위 페이지에 적용하기 6. Router 적용 테스트 해보기 1. Router 연결 테스트를 위한 ..
Frontend 2023. 1. 28. 17:55
Prev 1 Next