Mark a certain property as unreactive value

As far as I know the current solution for non-reactive class members is:

import User from '@/models/user';
import { Component, Prop, Watch, Vue } from 'vue-property-decorator';

@Component
export default class HelloWorld extends Vue {

  private user!: User;

  private created(): void {
    this.user = new User();
  }
}

This is… ok. I guess. Well actually it kind of sucks. I have to trust Vue that it will call created(). Typescript won’t warn me if I forget to do this.user = new User(), and it’s quite verbose.

Would it be possible to add a decorator to do this instead?

import User from '@/models/user';
import { Component, Prop, Watch, Vue } from 'vue-property-decorator';

@Component
export default class HelloWorld extends Vue {

  @Unreactive
  private user: User = new User();
}

(or @Nonreactive)

[garyo]

I just discovered that a big three.js 3d scene has been completely “made reactive” by this, because my scene is a data member of my class. And similarly for another 3rd party deep object. Unfortunately I can’t declare it private because I’m using some mixins that also need the same scene. Is there any other option? Maybe avoid “reacting” data members that start with underscore or something?

[ghost]

is there a markRaw decorator? how can we use the hook from within a class component?