vuex辅助函数——映射函数

147 阅读1分钟

mapState

将全局状态管理的state值映射到组件的计算属性;

导入

import { mapState } from 'vuex'

使用

  computedmapState({
    count'count'// 第一种写法
    sex(state) => state.sex// 第二种写法
    fromfunction (state) { 
    // 用普通函数this指向vue实例,要注意箭头函数的this指针并没有指向vue实例,因此不要滥用箭头函数
      return this.str + ':' + state.from
    },

参考内容

www.yisu.com/zixun/62313…

mapGetters

将全局状态管理的getters值映射到组件的计算属性;

mapActions

将mutation的值映射到方法里

mapMutations

将actions里的值映射到方法里