Vue - $route.path

router-view에 key를 바인딩

key를 통해 경로 개체 속성을 강제로 연결시킴

 

---

router-view(:key=".$route.path")

절대경로로 확인되는 경로를 다시 연결해 노출시킴

 

router-view(:key=".$route.fullPath")

 

보여지는 화면에 쿼리 및 해시가 포함된 전체 URL을 연결해 쿼리스트링이 변경되면 페이지를 리로드해서 노출시키는 방법

 

 

$route.path

유형 string

• 항상 절대경로로 확인되는 현재 경호의 경로와 동일한 문자열

 

$route.params

유형 Object

• 동적 세그먼트 및 스타 세그먼트의 키/값 쌍을 포함하는 개체
• 매개 변수가 없으면 값은 빈개체

 

$route.query

유형 Object

• 쿼리 문자열의 키/값 쌍을 포함하는 개체

 

$route.meta

유형 Object

• 경로 메타 개체의 키/값 쌍을 포함하는 개체
• 메타 속성이 없는 경우 값은 빈 개체

 

$route.hash

유형 string

• 현재 경로릐 해시가 있는 경우
• 해시가 없으면 값은 빈 문자열

 

$route.fullPath

유형 string

• 쿼리 및 해시를 포함한 전체 확인 url