Vuex

88 阅读1分钟

导出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)
    }
  },