Vue Route 기능 사용하기

Route란

Route(라우트)는 길, 방향의 의미로 웹 서비스를 이용해보면 로그인시 URL이 /login 회원가입시에는 /create 이런식으로 URL을 보내게되는데 각 서비스마다 URL을 다르게하여 처리하는 방법을 Route기능이라고 한다

Vue에서 Route기능 사용하기

Route 설치

프롬프트로 npm install vue-router/@4 를 입력하여 설치한다 vue 라우터의 경우 버전에 따라 사용방법이 조금씩 상이할 수 있으므로 공식 홈페이지에서 각 버전별 사용법을 참고하자 => Vue Router 공식 페이지

vue 샘플 라우터 추가

라우터를 설치한 후 처음부터 라우터를 전부 타이핑하여 만들 수 있지만 vue에서 기본으로 제공하는 샘플 라우터를 사용하여 본인에 맞게 수정 및 추가하여 사용할 수 있다 추가하는 방법은 프롬프트에서 vue 프로젝트 폴더로 이동후 vue add router 명령어를 프롬프트에서 수행한다 수행 후 vue 프로젝트 폴더 -> src -> router라는 샘플 폴더가 생성된다