vue的computed场景

这里主要列举一下，计算属性内是对象的各种情况

data() {
   return {
      test:{id:'id1', name:'name1'}
   };
},

情况一：返回对象

computed:{
    testValue(){
      return this.test;
    }
  }

情况二：返回对象的属性

computed:{
    testValue(){
      return this.test.name;
    }
  }

 分析各种情况

this.test.name = 'name1'; //修改属性name的值，值和原来的值一样
this.test.name = 'name2'; //修改属性name的值，值和原来的值不一样
this.test = {id:'id1', name:'name1'};//修改对象的值，值和原来的值一样
this.test = {id:'id1', name:'name2'};//修改对象的值，id值和原来的值一样，name值和原来的值不一样
this.test = {id:'id2', name:'name2'};//修改对象的值，id值和原来的值不一样，name值和原来的值不一样
情况1：    
false
false
true
true
true
情况2：
false
true
false
true
true