Vue Router - Route, Router 차이

$router

- Router인스턴스 

- 전체에서 딱 하나만 존재함

- 전반적인 라우터 기능을 한다.

- router-link요소 없이 페이지 이동

property, method	설명
app	라우터를 사용하는 router vue인스턴스
mode	라우터모드
currentRoute	현재 라우트에 대한 Route 객체
push(location)	페이지 이동 실행 (히스토리 새 엔트리에 추가됨)
replace(location)	페이지 이동 실행(히스토리에 쌓이지 않음)
go(n)	히스토리에서 n단계 이동
back()	히스토리에서 한 단계 돌아감
forward()	히스토리에서 한 단계 앞으로감
addRoute(routes)	라우터에서 동적으로 라우트 추가

 

 

$ Route

- Route객체는 현재 활성화 된 라우트의 상태를 저장한 객체이다.

- 페이지 이동 등 라우팅이 발생할 때마다 생성된다.

- 현재 경로 및 url 파라미터 등의 정보를 해당 객체에서 받을 수 있다. 

property, method	설명
path	현재 라우트의 경로를 나타내는 문자열
params	정의된 url 패턴과 일치하는 파라미터의 key-value 쌍을 담고있는 객체
query	쿼리 문자열 key-value 객체
hash	url에 해시가 있을 경우 라우트에 해시값을 갖는다. 없을 경우 빈 객체
fullPath	쿼리 및 해시를 포함하는 전체 url
name	이름을 가진 라우트인 경우, 라우트 이름