如何觀察javascript數組中對象的變化？

Question

我正在使用電子和vue.js創建一個Todo應用

我有一個名為items的對象數組。 每個對象具有以下語法：

{id: <Number>, item: <String>, complete: <Boolean>, starred: <Boolean>}

我想在需要監視更改的數組內任何內容（包括對象屬性）發生更改時將items數組保存在文件中。

我已經嘗試過Vue的watch ，但是它僅在添加或刪除對象時觸發，而在對象的屬性更改時不觸發。

這是打開devTools的程序的屏幕截圖。 我添加了一個項目，為它加注starred並completed它。 因此，我希望有3個控制台日志，但是只有一個（添加對象時）。

有任何想法嗎？？

Answer 1

使用深入觀察對象更改：

watch{
  item: {
     handler(newValue, oldValue){
       // something
     },
     deep: true
  }
}

Answer 2

如果您使用Vue.set（），那么每個項目對象的道具也都是反應性的。