如何访问较低(父)级别声明的VUE对象的属性

Question

在我的 index.js 中，我有一个vue对象，该对象声明路由器并为所有页面提供持有人。

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

在页面渲染器中，我的组件依次具有子组件等。现在，我想访问在最大级别上声明的路由器实例，并在其中一个Toppy子组件中进行操作。

。

我该如何实现？

它在上下文中不存在。我需要以某种方式将其传递给树吗？做这件事的好方法是什么？我是否应该避免需要在顶部工作组件中访问底部声明的实例？

Answer 1

vue允许您使用this.$route变量在VUE组件级别访问和修改路由。

但是，这可以通过具有广义方法来集中在根级组件下修改路由，并且只要需要从子组件进行更改，请使用VUE-Evesents调用此root Level方法。

---

一个人无法直接访问子女的父母数据（有很多方法，但不建议），但是可以使用$ emit调用父级的方法，请参阅此小提琴。在Vue中，它是道具，为父母沟通的事件