最近遇到一個問題，在vue的data數據中心定義一個對象obj，然后在觸發事件時給obj添加或修改屬性的時候，頁面中的視圖不會同步更新，只有當其他數據發生改變時，視圖才會同步更新數據，按理來說vue data數據中心的數據是雙向綁定的，當數據中心的數據發生改變時，視圖就會同步更新才對。
后來通過查閱官網資料發現：
Vue 不能檢測到對象屬性的添加或刪除。由於 Vue 會在初始化實例時對屬性執行 getter/setter 轉化過程，所以屬性必須在 data 對象上存在才能讓 Vue 轉換它，這樣才能讓它是響應的。例如：
var vm = new Vue({
data:{
a:1
}
})
// `vm.a` 是響應的
vm.b =
2
// `vm.b` 是非響應的
Vue 不允許在已經創建的實例上動態添加新的根級響應式屬性(root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法將響應屬性添加到嵌套的對象上：
Vue.set(vm.someObject, 'b', 2)
您還可以使用 vm.$set 實例方法，這也是全局 Vue.set 方法的別名：
this.$set(this.someObject,'b',2)