javascript - Vue.js 如何向重复的数组对象添加新属性？

Question

html

<div v-repeat=dudes>{{a}}, {{b}}</div>

js

dudes = [{a:1}, {a:2}, {a:3}]

new Vue({
  el: 'body',
  data: {dudes: dudes}
})
dudes[0].b = 'test'

尝试设置 dudes[0].b = 'test' 不起作用。

http://jsbin.com/dogadutiqa/1/edit

除非我用 b 属性定义 dudes，并以 dudes = [{a:1, b:null}, {a:2}, {a:3}]

如何添加新属性？

Answer 1

由于 ES5 的限制，Vue 无法检测直接添加到对象或从对象中删除的属性。

您需要使用$add方法来声明该属性，以便可以监视它。另外，如果你想删除一个属性，你需要 $delete 方法。