Vue.js 如何将数据从父级获取到子级？

我正在尝试将数据从父组件获取到子组件

在下面的组件中，我通过数组“公文包”循环。 公文包包含一个我想要得到的唯一ID。 在获得ID后，我想将ID发送到另一个组件

我该怎么做？

仓库编号：{{item.portfolio_id}
{{格式价格（项目组合价值）}}
Einstandwert:{{formatPrice（项目投资资本）}}


mdi银行
伊辛
名称
Stückzahl
Marktpreis
位置维特
考夫普里斯
演出
{{items.isin}
{{items.fund_name}
{{items.quantity}
{{formatPrice（items.marketprice）}}
{{格式价格（items.positionswert）}}
{{formatPrice（项目.购买价格）}}
{{items.performance}}}%
//我想将item.portfolio\u id指定给此组件

在vue中，您可以将数据作为道具从父组件传递给子组件。当子组件需要将数据传递给父组件时，子组件需要发出数据并由父组件捕获。检查此链接：

...
...
...

子组件AddPortfolioFundComponent应该初始化一个prop以接受传递的值

<template>
  <div>
    {{portfolioId}}
  </div>
</template>

<script>
export default {
    name: "AddPortfolioFundComponent",
    props: {
        portfolioId: {
            type: String,
            default: null
        }
    }
};
</script>

{{portfolioId}}
导出默认值{
名称：“AddPortfolioFundComponent”，
道具：{
叶状体：{
类型：字符串，
默认值：null
}
}
};

将数据从父元素发送到子元素：在父元素中使用prop:“

---

能否更具体地说明希望“发射到”哪个组件。通常在vue中，您将

道具

传递给子组件`这回答了你的问题吗？

<template>
  <div>
    {{portfolioId}}
  </div>
</template>

<script>
export default {
    name: "AddPortfolioFundComponent",
    props: {
        portfolioId: {
            type: String,
            default: null
        }
    }
};
</script>

<child-component
          :propName="value"
        />

props: ["propName"]

```