## v-model無法實時更新的解決辦法 受現代 JavaScript 的限制（以及廢棄 Object.observe），Vue 不能檢測到對象屬性的添加或刪除。由于 Vue 會在初始化實例時對屬性執行 getter/setter 轉化過程，所以屬性必須在 data 對象上存在才能讓 Vue 實時操縱 ``` var vm = new Vue({ data:{ obj:{a:1} } }) // `vm.a` 是響應的 vm.b = 2 // `vm.b` 是非響應的 ``` 第一種解決方案：使用 Vue.set(object, key, value) 方法將響應屬性添加到嵌套的對象上： Vue.set(vm.someObject, 'b', 2) 第二種解決方案：您還可以使用 vm.$set 實例方法，這也是全局 Vue.set 方法的別名： this.$set(this.someObject,'b',2) 我認為最好的解決方案還是直接在定義對象時直接需要檢測的屬性，這種免去很多麻煩，畢竟你怎么都是要用這些屬性的。 ``` var vm = new Vue({ data:{ obj:{a:1} } }) ``` --------------------- 作者：weixin_41485592 來源：CSDN 原文：https://blog.csdn.net/weixin_41485592/article/details/80721998?utm_source=copy