Vue.js 追跡オブジェクトの新しいプロパティ

Vue は通常のオブジェクトの変更を追跡できます

<ul id="repeat-object" class="demo">
  <li v-for="value in object">
    {{ $key }} : {{ value }}  </li></ul>

オブジェクトを走査するとき、Object.keys() の結果に従って走査しますが、その結果が異なる JavaScript エンジンの下で一貫しているという保証はありません。

しかし、たとえば、属性を動的に追加したい場合、

obj['addProp'] = 'abcd'

vue にはオブジェクトの変更を追跡する方法がありません。

この時点では、$set メソッドを使用して、最初のパラメーターを確立する必要があります。は値式、2番目は設定する値です。

this.$set("obj['addProp']", 'abcd')