建议先读文档再读次文vuex文档
computed: {
...mapState(['count']),
...mapState(['showNum']),
},
methods: {
...mapMutations(['count']),
...mapActions(['subAsync'])
}
commit的作用,就是调用store中某个mutation的函数。
this.$store.commit('函数名', 入参)
dispatch的作用,专门用来触发action
this.$store.dispatch('函数名')
store中,只有mutations中定义的函数,才有权利修改state中的数据
actions: {
add(a, b) {
a.commit('addN', b)
}
}
触发action的方法
Getter
只对数据起到包装作用,不会改变。
使用方法一:
gatters: {
showNum(state) {
return 'XXXXXXXXXXXXXXXXX'
}
}
<h1>{
{
&store.getters.showNum }}</h1>
使用方法二:
调用同action方法二相同。
<h1>{
{
showNum }}</h1>