1.state(放数据)
存
state:{
str:'这是vuex的数据'
}
取
方法1:
{{$store.state.str}}
方法2:
import {mapState} from 'vuex'
computed:{
...mapState(['str'])
}
2.mutations(同步方法)
mutations:{
addNum(state){
state.num++
},
}
import {mapMutations} from "vuex";
methods: {
...mapMutations(["addNum"]),
btn() {
this.addNum();
},
},
3.getters(计算属性)
states:{
str:'这是vuex的数据',
},
getters:{
setStr(state){
return state.str.slice(0,2)
},
import { mapGetters} from "vuex";
computed:{
...mapGetters(['setStr'])
},
4.actions(提交mutations)
state:{
num:1
}
mutations:{
addNum(state){
state.num++
},
}
actions:{
addCommit({commit}){
commit('addNum')
}
}
import {mapActions } from "vuex";
btn() {
this.addCommit();
},