Vue.js 如何将包含计算属性的对象传递给子对象？ 子组件( v-for=“项目中的项目” ：item=“item” ) 数据（）{ 返回{ 项目：[]， valueFromApi:null， } }, 计算：{ someCompProp（）{return val//math-based-valueFromApi} }, 创建：{ setInterval（（）=>{//makeAPI调用和setvalueFromAPI}，2000） 这是createItems（）； }, 方法：{ createItems（）{ //…一些行动 formedItems.forEach（（项目）=>{ 这个。项目。推({ …项目， someValue:this.someCompProp， }) }) 此.items.push（项目） }, apiCall（）{ //将结果存储到valueFromApi }

现在它不是反应性的。 我只能通过类似于计算道具的独立属性来获得反应性。

---

计算属性

someCompProp

是否可以在子属性

项
obj中反应？
好的，完成了，我只返回someValue中的计算属性。
someValue:（）=>这个.someCompProp，
您的示例缺少一些信息。
val
从何而来？@Darius基于valueFromApi的数学计算结果，我更改了代码，添加了缺少的信息好的，完成了，我只返回someValue中的计算属性。
someValue:（）=>这个.someCompProp，
这里不需要计算属性
<template>
  child-component(
    v-for="item in items"
    :item="item"
  )
</template>

<script>
  data() {
    return {
      items: [],
      valueFromApi: null,
    }
  },
  computed: {
    someCompProp() { return val // math based on valueFromApi }
  },
  created: {
    setInterval(() => { // make api call and set valueFromApi }, 2000)
    this.createItems();
  },
  methods: {
    createItems() {
      // ...someActions
      formedItems.forEach((item) => {
        this.items.push({
          ...item,
          someValue: this.someCompProp,
        })
      })
      this.items.push(item)
    },
    apiCall() {
      // store result to valueFromApi
    }
</script>