VueJs-画面更新注意事项

最近些Vue的时候碰到的一个小问题，下面这段示例代码，obj的hideField，当状态更新时，画面显示并不会更新。
刚开始并不知道，后来从Vue的官方文档上也看到了解说。
如果是动态追加的property，是不会自动更新状态的。

<template>
  <div>
    <input type="text" v-model="obj.title" />
    <input type="text" v-model="obj.hideField" />
    <button @click="onChange()">change</button>
  </div>
</template>

<script>
export default {
  data() {
    obj: {
    	title: 'this is title',
    }
  },
  method: {
  	onChange() {
  		this.obj.hideField = "this is hide field"
  	},
  },
</script>

参考URL：

https://jp.vuejs.org/v2/guide/reactivity.html