하수도키의 성장일기

개발일기/Vue.js

[Vue.js] vue-router로 정적 라우트를 만들어보자.

이번에는 Vue Router로 라우트 활용 방법과 동적 라우트를 사용하는 방법에 대해 알아보자. 매번 Vue Cli로 하다 보니 Vue-Router가 자동 설정으로 사용하고 있었는데 이번에 codesandbox를 사용하면서 Vue-Router 처음 설정하는 법부터 살펴보겠다. 우선 codesandbox.io 에 들어가서 Vue2 로 설정해보자. 자세한 사용법은 구글 구글링으로 검색해보자. Vue-router 설치 저기 동그라미 친 부분에 vue-router를 검색해서 추가하자. npm install vue-router 라고 보면 된다. 또는 yarn add vue-router이다. 프로젝트 구조는 Home, Blog 페이지 2개로 예제를 살펴보겠다. views폴더에 Home, Blog 페이지를 만들고 A..