はじめに Vue.jsで生成したオブジェクトは$watchというメソッドを持っています。 これによりデータの変更を監視することが可能になります。 しかし、$watchメソッドは、オブジェクトの追加や削除を検出してくれますが、 オブジェクトの値が変更された場合は検出しません。😢 次のような例をみてください。 (※例ではVueインスタンスのwatchオプションに設定していますが、インスタンス化したときにオブジェクトの各エントリに対して$watchメソッドが呼び出されます) <script> export default { data () { return { someObj: { a: 'obj-a', b: 'obj-b', c: 'obj-c' } } }, watch: { someObj: function (val, oldVal) { console.log('someObj