title: How set entire object in computed property VUEjs
body: <p>My problem is that I have a computed property with setter and getter like:</p>
  
  <pre><code>computed:{
          dataComputed:{
              get: function () {  return  this.dataProps},
              set: function (newValue) {
                 //here my problem
                  this.dataProps= Object.assign({}, newValue);
              }
  
          }
      },
  </code></pre>
  
  <p>but my problem is that I would assign entire object retrieved from ajax call like:</p>
  
  <pre><code>var vm = this;
  axios.post('/route', { data:this.dataComputed})
     .then(function (response) {
        vm.dataComputed = response.data.newData;
     }).catch(function (error) {});
  </code></pre>
  
  <p>but in console i have this warning:</p>
  
  <blockquote>
    <p>Avoid mutating a prop directly since the value will be overwritten
    whenever the parent component re-renders. Instead, use a data or
    computed property based on the prop's value. Prop being mutated:
    "dataProps"</p>
  </blockquote>
  
  <p>How can I assign entire object retrieved from backend to computed object?</p>