看起来你试图通过返回一个新值来设置computed属性的值，但是Vue实际上并不检查setter的返回值。也许你试图通过一个computed属性来代理一个data变量。如果是这样，setter应该在setter主体中设置这个data变量。
例如，你的组件可以声明一个名为userData的data变量，它总是通过一个监视器拥有exampleData属性的最新值：

export default {
  props: {
    exampleData: Object
  },
  data() {
    return {
      userData: {}
    }
  },
  watch: {
    exampleData(exampleData) {
      this.userData = exampleData
    }
  },
}

字符串
然后，你的模板和计算的prop将使用userData：

<template>
  <div>{{ userData }}</div>
</template>

<script>
export default {
  //...
  computed: {
    userDataTest: {
      get() {
        return this.userData
      },
      set(newValue) {
        this.userData = newValue
      }
    }
  }
}
</script>

型

的数据

局部地改变属性被认为是一种反模式
但是，您可以使用.sync修饰符，如下所示，但您不能将prop设置为null，因为您指定它必须是Object类型。

Vue.component('my-component', {
  template: `<div>{{ userDataTest }}</div>`,
  props: {
    exampleData: {
      type: Object,
      required: true
    }
  },

  computed: {
    userDataTest: {
      get: function() {
        return this.exampleData
      },
      set: function(newValue) {
        this.$emit('update:exampleData', newValue)
      }
    }
  },

  mounted() {
    setTimeout(() => {
      console.log('Change now!')
      this.userDataTest = {}
    }, 2500)
  }
})

new Vue({
  el: '#app',

  data() {
    return {
      exampleData: {
        foo: 'bar'
      }
    }
  }
})

个字符