一、state的用法
1.state引入
import { mapState} from "vuex"
2.解析计算
computed: {
...mapState(["user"]),
}
3.访问state
this.$store.state.user
二、mutations的用法
mutations主要用于修改state数据,vuex修改状态的唯一途径,如果写异步代码,会导致不好追踪数据状态,加大调试难度,异步操作用过Action实现
1.mutations引入
import { mapMutations } from "vuex"
2.声明方法
methods: {
// 全局
...mapMutations([
"getUserInfo", //also supports payload `this.nameOfMutation(amount)`
])
}
3.调用方法
this.$store.commit("getUserInfo", data)