VueRouter를 통해 VueComponent 속성을 설정하십시오.

Question

VueRouter를 통해 VueComponent의 속성을 설정할 수 있습니까?

나는

것은 액션이 속성에 의해 제어된다 .... 몇 노선

{ path: '/user/:id/budgets', component: Budgets }, 
{ path: '/budgets', component: Budgets } 

같은 구성 요소는 모두 우리에게 있지만 노선에 완전히 다른 레코드 집합 기지를 얻을 것이다 ..... 경로에서 속성 값을 설정할 수 있습니까?

{ path: '/user/:id/budgets', component: function(id){ 
return Vue.extend(Budgets, { props: { id: id } }) 
} }, 

Answer 1

뷰 - 라우터는 this.$route를 사용하여 모든 구성 요소 내에서 경로의 현재의 모든 속성에 액세스 할 수 있습니다, 그래서 당신은 라우터에 구성 요소의 기준 내에서 그것들을 가져 오는 등 너무 많은 속성을 설정되지 않습니다. this.$route.params.id과 같은 방법으로 구성 요소 내에서 ID 매개 변수를 가져올 수 있어야합니다.

Vue-Router docs의 Data Fetching 부분이 실제로 작동하는 좋은 예입니다.