Vue.js看裏面陣列

Question

一個嵌套屬性我有一個VUE對象是這樣的：

var vm = new Vue({ 
      el: '#app', 
      data: { 
       items: [], 
       index: 0 
      }, 

      }); 

內部項目數組我將推類的物品：

item1 = { 
    a: 1, 
    b: 'type', 
    c: '3.556' 
} 
... 
itemN = { 
    a: n, 
    b: 'type', 
    c: '5.226' 
} 

的話，我會更新的一個項目的「c」屬性，我想設立一個監視器，一旦這個屬性發生變化，就會立即發出警告。

編輯：我也想知道巫婆項目已經改變

Answer 1

您可以使用深手錶，但是......它並不提供方便的方法來確定哪個項目已經改變。

... 
watch: { 
    items: { 
    handler: function (val, oldVal) { 

    }, 
    deep: true 
    } 
} 
... 

的一種可能的解決方法是在this answer提到的，這種溶液的背後 想法是包裹每個項目在組件並從組件聽事件。

您還可以存儲克隆項目數組並將該克隆更新到監視處理程序中，您可以使用該克隆來過濾已更改的項目。