class get cache issue

copied from https://github.com/kaorun343/vue-property-decorator/issues/320.

I do not know which repo should handle this issue, but

the get/set should not be cached to align with the class’s behavior

@Component
export default class MyComponent extends Vue{
    @Prop({type:Object, default:()=({})})
     value!:any;

    obj:any = {};
    get obj2(){
        console.log("get ")// this will only log once,
        return {...obj, a: new Date()}
    }

    @Watch('value',{ deep:true})
    watchValue(v:any){
        this.obj = {... this.value}
    }

    mounted(){
         this.watchValue(this.value);
    }
}

[John0King]

@ktsn if Getters / setters are converted to computed properties then it should use the cache:false instead of the default cache mode. without cache ,the behavior is match to the class behavior . this is what the class do when you call this.<property> , and for vue object style, they called computed properties not geter/seter.

I suggest:

1. the default get/set convert to computed properties with option cache:false
2. add @Computed(options: { cache?:boolean }) and allow configurate with the get or set method (configurate only need once eg. only add on getter or setter , like angular does)

[ktsn]

It’s undocumented / private api and we recommend against using it.