vue router

[Vue3] 라우터 설치 및 사용 / vue-router

뷰 라우터란? 페이지 간에 이동하는 기능을 구현할 때 사용하는 뷰 라이브러리이다. 클라이언트가 요청하는 URI에 따라 특정 컴포넌트를 동적으로 불러와 페이지를 구성한다. 이번 포스트에서는 뷰 라우터를 설치하고, 라우터 설계, 사용하는 방법을 설명할거다. Vue3 버전 프로젝트라는 것을 명시한다! [version] vue: 3.2.33 / vue-cli: 5.0.4 뷰라우터 설치 npm i vue-router@next --save vue-cli를 통해 뷰 프로젝트를 생성한 후, 위의 코드대로 npm을 통해서 뷰라우터를 설치해준다. 뷰라우터 설치 확인 설치가 완료되면 뷰 프로젝트 최상단에 경로에 있는 package.json 파일에서 dependencies에 vue-router가 추가된 것을 확인한다. 현재 ..