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 建立跟踪.第一个参数是取值表达式,第二个是要设定的值.

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