一、Vue 會監視 data 中所有層次的數據

person: {name: 'mary',friends: [{name: 'bob', age: 18},{name: 'smith', age: 19}] } // 在 vm 上，都會為之配置 getter 和 setter 來檢測數據

二、監測對象中的數據

data 后追加的屬性，Vue 默認不做響應式處理

data: {...}

如需給后添加的屬性作響應式，請使用如下 API:

Vue.set(target, propertyName/index, value) 或者 vm.$set(target, propertyName/index, value)

三、監測數組中的數據

調用原生對應的方法對數組進行更新

重新解析模板，進而更新頁面

四、修改數組中的元素

使用能改變原數組的原生方法

push()、pop()、shift()、unshift()、splice()、sort()、reverse()

不能改變數組，但能返回一個新數組替換原數組也可以

filter()、concat()、slice()

使用 vue 或者 vue 實例對象上的

Vue.set() 或 vm.$set() // 特別注意：Vue.set() 和 vm.$set() 不能給 vm 或 vm 的根數據對象 添加屬性！！！

總結

以上是生活随笔為你收集整理的vue 监视数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。