vue进行购物车数量加减

用vue做购物车数量的加减,结果整个列表一起加减了,求解答!!

请上代码

把代码沾出来,通常加减法 都是 数量的加减,你不是把数组来进行加减吧?

html代码
<a href="#" class="aa" @click="sub">-

<a href="#" class="aa" @click="add">+

methods:{
sub(){
this.$store.commit('sub')
},
add(){
this.$store.commit('add')
}
},
computed:{
count(){
return this.$store.state.count
}
}

index.js
state(){
return{
count:1
}
},
//活动,提交数据给mutations
actions:{
sub({commit}) {
commit('sub')
},
add({ commit }) {
commit('add')
}
},
mutations:{
sub(state){
if(state.count <= 1) {
alert('已经是最少了!')
}else{
state.count--
}
},
add(state){
state.count++
}
},
}

数量框的值不能用同一个,v-model=“num”
像下面那样写

<div v-for="item in list"><input v-model="item.num"/></div>