Объект prop компонента Vue не сохраняет пустые поля?

#vuejs2 #vue-component

Вопрос:

У меня есть эти данные в моем основном объекте Vue:

 data: {
    state: {
        form: {
            addr: {
                value: null,
                error: ''
            }
        }
    }
}
 

Я передаю его своему <my-form> компоненту вот так:

 <my-form :state="state.form"/>
 

И в определении компонента у меня есть:

 Vue.component('my-form', {
    template: '#template-my-form',
    props: ['state'],
    mounted: function() {
        console.log(JSON.stringify(this.state.addr));
    }
}
 

Когда я запускаю его, я вижу {"value":"","error":""} напечатанное на консоли. Вью изменил значение value с null на "" . Мне нужно, null чтобы это прошло. Как мне это сделать?