<div>{{num}}</div>
<button @click="add">++</button>
<script>
import SaleCard from "../../components/SaleCard.vue";
import { mapState,mapActions } from 'vuex'
export default {
name: 'HomeIndex',
components:{
SaleCard
},
computed:{
...mapState(['num']),
},
methods:{
add(){
this.$store.dispatch('addAsync',5)
}
...mapActions(["addAsync"])
}
}
</script>
actions:{
addAsync({commit},n){
commit('madd',n)
}
}