如何将道具传递给儿童道具？ （vue.js）

Question

嗨，我正在制作vue应用程序，我想做的是有ParentChildComponent，它具有ChildOne和ChildTwo，数据是从同一个dataArray获取的，但是childTwo有多个数据。和childTwo内部有childOneComponent。但我想将数据从ParentsComponent传递给ChildTwo，然后再次将其提供给ChildOne。 有可能吗？

ParentsComponent.vue

<template>
<ChildOneComponent :data="NewsData">
<ChildTwoComponent :data="NewsData.sports">
</template>

ChildOneComponent.vue

<div>
{{data.title}}
</div>

ChildTwoComponent.vue

<ChildOneComponent></ChildOneComponent> 

Answer 1

应如下所示。从中渲染ChildOneComponent时，必须将整个Newsdata对象传递给ChildTwoComponent。

您可以相应地更新ChildTwoComponent的模板渲染。

ParentsComponent.vue

<template>
   <div>
      <ChildOneComponent :data="NewsData">
      <ChildTwoComponent :data="NewsData">
   </div>
</template>

ChildTwoComponent.vue

<ChildOneComponent :data="NewsData"></ChildOneComponent>