在这里插入图片描述

项目场景:

当vue中的store被分为modules时,如何获取到modules里的mutations或state
在这里插入图片描述


使用方式:

在这里插入图片描述

1.1moudles里的文件,配置namespaced属性

在这里插入图片描述

1.2、在store的index.js中引入

在这里插入图片描述
在这里插入图片描述

2.1 在vue单页面中引入

<script>
import { mapState, mapMutations } from "vuex";
</script>

2.2 在vue单页面中使用mutations

methods: {
    ...mapMutations("forecastBoyAndGirl", ["SET_bowserType"]),
  },

在这里插入图片描述

this.SET_bowserType()

2.3 在vue单页面中使用state

computed: {

    ...mapState("forecastBoyAndGirl", {
      bowserType: (state) => {
        return state.bowserType;
      },
      isIosMoveBack: (state) => {
        return state.isIosMoveBack;
      },
    }),
    
  },

this.bowserType
this.isIosMoveBack

Logo

前往低代码交流专区

更多推荐