导出vuex中的mapState,mapGetters方法
- mapGetters
- mapState mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性:
import { mapGetters } from "vuex"
import { mapState } from "vuex"
computed:{
...mapState(["list"]),
...mapGetters(["getsan", "gety"]),}
Getter
类似是Vuex中的计算属性 也具有缓存功能:如果state中的数据得到了改变, 那么getters中的属性的值也会发生改变, 如果state的值没有发生任何变化,那么getters中的属性 的值就不会发生改变
getRandom:function(state){
return state.num +'--' + Math.random();
}
actions: {
/* 异步请求要放在actions方法中去写
不要再组件里去写,不然就起不到作用 */
addajax: function ({ commit }, data) {
setTimeout(() => {
/* 使用解构出来的commit方法来
提交一个mutations方法ADD来修改
state中的值 */
commit('ADD', data)
}, 500)
}
},