[Vue-Router] 더 빠른 페이지 전환, 새로고침 없는 화면 전환

설명

Vue의 라이브러리 중 하나이다. Router를 설치 및 사용할 수 있게 해주며, 이를 통해 새로고침 없이 페이지 이동을 가능할 수 있게 해 준다. 이는 빠르게 콘텐츠 내용을 바꿀 수 있게 해주며, 특히 Vue의 Component의 특성과 함께 사용될 때, 코드의 중복을 대다수 막는 데 도움을 줄 수 있다. SPA (Single-Page-Application)에서 자주 사용되는 기술이다.

 

헷갈리는 문법 정리

$router.push

$router.push(경로)  // 경로로 이동하게 해준다.

// Example
$router.push({path : '/'})  // 경로 직접 입력
$router.push( {name : 'Home', params : {id : 0} })  // 'Home'으로 저장되어 있는 경로에 id=0인 파라미터 값을 추가해 경로 설정