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方法.讓Vue 建立追蹤.第一個參數是取值表達式

這時應該使用$set方法.讓Vue 建立追蹤.第一個參數是取值表達式,第二個是要設定的值.

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

🎜