하위(상위) 수준에서 선언된 Vue 개체의 속성에 액세스하는 방법은 무엇입니까?

하위(상위) 수준에서 선언된 Vue 개체의 속성에 액세스하는 방법은 무엇입니까?

나의 index.js에는 라우터를 선언하고 모든 페이지에 대한 홀더를 렌더링하는 Vue 객체가 있습니다.

const app = new Vue({ 
  ..., 
  render: _ => _(App),
  router, 
  ..., 
  el: "#app-base"});

페이지 렌더러에는 하위 구성 요소 등이 순차적으로 포함되어 있습니다.이제 가장 높은 수준에서 선언된 라우터 인스턴스에 액세스하여 상위 하위 구성 요소 중 하나의 컨텍스트에서 작동하려고 합니다.

어떻게 하면 그것을 달성할 수 있을까요?

그것은 문맥 속에 있는 그대로 존재하지 않습니다.제가 어떻게든 그것을 나무 위로 넘겨야 하나요?어떻게 하면 좋을까요?상위 공급업체의 작동 구성 요소에서 최하위로 선언된 인스턴스에 액세스할 필요를 피해야 합니까?

Vue를 사용하여 Vue 구성 요소 수준에서 경로를 액세스하고 수정할 수 있습니다.this.$route변수.

그러나 루트 수준 구성 요소에서 경로를 수정하는 일반화된 방법을 사용하고 하위 구성 요소에서 변경이 필요할 때마다 vue-events를 사용하여 이 루트 수준 구성 요소를 호출하면 이 방법을 중앙 집중화할 수 있습니다.

---

자녀에 있는 부모의 데이터에 직접 액세스할 수는 없지만(방법은 있지만 권장되지는 않음) $emit을 사용하여 부모의 메서드를 호출할 수 있습니다. 이 피들을 참조하십시오.vue it is props down, 이벤트 업 부모 자녀 커뮤니케이션

언급URL : https://stackoverflow.com/questions/41059868/how-to-access-a-property-of-vue-object-declared-on-a-lower-parent-level