在组件之间传递数据VueJS2

mmvthczy  于 2023-05-18  发布在  Vue.js
关注(0)|答案(2)|浏览(130)

我有一个父组件,它从服务器接收一个大的JSON,我需要解析它并将其传递给子组件。
子组件的连接方式如下

<child-comp />

我需要将res.data从服务器json传递给子comp,以便在渲染和方法中使用它我该怎么做?

ecfsfe2w

ecfsfe2w1#

你可以把你的数据作为一个 prop 传递,像这样:

<child-comp :myData="res.data" />

在你的子组件中定义prop如下:

props: {
  myData: Object
},

查看更多vue doc:https://vuejs.org/guide/components/props.html

pcrecxhr

pcrecxhr2#

您可以通过Vue props传递数据,正如Adri所回答的那样。
或者,如果您想保存一个状态以访问多个组件中的数据,我建议使用Pinia

相关问题