v-model双向绑定时数据不能实时变化使用this.$set

<Test3 :options="options"/>

在Test2.vue文件中有一个子组件Test3，父组件对子组件进行传值，传的值是一个对象options: { width: '20px' }
当发生点击时，想改变options对象的值this.options = {};this.options.width = '30px'
如果使用这种方式的话，在Test3组件中接受的options参数并不会实时发生变化

<input v-model="options.width" @click="change"/>
{{options.width}}


props: ['options'],
methods: {
          change() {
                this.options.width = parseInt(this.options.width) + 1 + 'px'
            }
        }

只用使用this.$set(this.options,'width','30px')才可以