vue中如何computed对象属性值呢？

Question

data(){
    return {
        a : {
            b: "测试",
            c: 10,
            d: 20,
            e: 20,
            f: 40
        }
    }
},
computed:{
    "a.b": function(){
        return this.a.c + this.a.d + this.a.e + this.a.f;
    }
}

请问下，如果对一个对象的属性进行监控呢？如上写法，当对象属性c、d、e、f变化时无法触发计算，要怎么写才对呢？

Answer 1

computed:{
    computedA: function(){
        return {...this.a,b:this.a.c + this.a.d + this.a.e + this.a.f};
    }
}

Answer 2

用watch

Answer 3

计算属性不需要再data里声明，用的时候直接 this.b 就可以了

computed:{
    b: function(){
        return this.a.c + this.a.d + this.a.e + this.a.f;
    }
}