[Vue] watchフックで連想配列を監視する場合、ディープウォッチャーにしておく必要がある件 - Qiita

先に結論のコード See the Pen watchフックについて(3) by riotam (@riotam4) on CodePen. ```javascript:JS側11行目（ディープウォッチャーの指定部分） watch: { users: { handler: function(){ alert('変更を検出しました'); }, deep: true } }, ``` # 今回したいこと Vue.jsにはwatchフックという仕組みがあり、指定したデータに変更があった際、仕込んでおいたメソッドを起動してくれます。 便利な仕組みで重宝されますが、watchフックは監視する対象が連想配列の場合、連想配列自体が変更されると検知してくれるのですが、**連想配列の中(要素など)の変更については、検知してくれません。** 以下に具体例を出しながら、今回はこれについて一歩深入りしてみたいと思い