把循环部分做成独立组件,然后在组件内部控制各自的数据
Vue.component('demo', {
data: function () {
return {
count: 0
}
},
methods: {
increase() {
this.count += 1;
},
reduce() {
this.count -= 1;
}
}
template: '<div><span @click="reduce">-</span><input v-model="count" /><span @click="increase">+</span></div>'
});
<li v-for="">
<demo/>
</li>