Vue.js 値の変更がビューに検知されない問題 - Qiita

Vue.jsでの実務が多くなってきて、ビュー側が変更されない問題が多すぎたので、解消方法一旦まとめました。 公式ドキュメントにもVue２で検知されない変更のパターンはまとめられています 参考リンク → Vue 2 での変更検出の注意事項 オブジェクトの場合 公式ドキュメント Vue では、すでに作成されたインスタンスに対して新しいルートレベルのリアクティブなプロパティを動的に追加することはできません。 data: { user: { name: "taro", age: 52, }, }, methods: { changeAge: function(age){ this.user.age = age; // これだと検知されない }, }