Vue.js 可以用路由器视图将道具绑定到子组件吗？（vue）

我有三个视图，它们依赖于来自父级的数据，但我从不想显示来自多个子级的视图

父母亲 获取Api并操作数据。将其作为对象数组存储在data（）对象中。 容器的角色是在created（）上获取api，并充当视图的父级。 数据与孩子共享。标题作为组件导入。子组件在路由器视图中呈现。 数据存储在对象数组中，userData[]

子组件1。

路径：/#/user

需要userData[]，以吐出用户的内容。您可以单击用户，然后转到childcomponent2

childcomponent 2.

路径：/#/user:id 显示特定的用户数据。需要对象的userData[]数组

子组件3.

路径：/#/user:id/list/：id

显示用户拥有的列表的特定数据，需要userData[]作为用户的名称和信息，还需要对进行新的API调用以获取列表项

或者什么是设置此功能的最佳体系结构

<template>
  <div>
    <UserView :listdata="item" v-if="bool" />
<ListView :listdata="item" v-if="bool" />
    <router-view></router-view>
  </div>
</template>

---

您可以将道具绑定到

，该道具将转发到它呈现的子组件

---

否则，对于更复杂的任务，您可能需要全局共享状态（例如Vuex）。

Aha好的，但我无法开始工作。如果容器中有userData[]作为data（）对象，并且我希望在UserView.vue中将其访问到一个名为array1的prop。我怎么写？我该如何写呢？另一方面，子组件prop被称为

array1

，所以它应该是

。

export default [
  {
    path: "/",
    component: TheContainer,
    children: [{ path: "/user", component: UserView }, 
    { path: "/user/:id", component: ListView }],
  },
];