Vue prop инициализация / мутация

Question

У меня есть следующий код:

export default class LayoutComponent extends Vue {  
    @Prop() whiteBg: boolean;   
    ...
}

, но когда я скомпилирую его, я получаю:

свойство 'whiteBg' не имеет инициализатора и не определено в конструкторе

Поэтому я пытаюсь исправить это следующим образом:

export default class LayoutComponent extends Vue {  
    @Prop() whiteBg: boolean = true;    
    ...
}

Но затем в консоли Chrome я получаю сообщение об ошибке:

Избегайте мутации опоры напрямую, так какзначение будет перезаписано всякий раз, когда родительский компонент повторно отображает

и Layout "игнорирует" значение whiteBg, установленное в родительском компоненте, который его использует.

Вопрос : Чтоделать?

Answer 1

Или используйте следующее

export default class LayoutComponent extends Vue {
    @Prop({ default: true }) whiteBg: boolean;
    ...
}

https://github.com/kaorun343/vue-property-decorator

Answer 2

Используйте следующий код

export default class LayoutComponent extends Vue {  
    @Prop() whiteBg!: boolean;      
    ...
}