Vue 使用 Vuex modules 模块化开发 组件中引入 createNamespacedHelpers 它有什么作用?


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

  //  为什么要使用 createNamespacedHelpers ? 因为引入了两个 Vuex 模块用于区分吗?
import {createNamespacedHelpers} from 'vuex' 

const {mapState:mapStateUser,mapActions:mapActionUser,mapMutations:mapMutaionuser} = createNamespacedHelpers('user')

const {mapState:mapStateCart,mapActions:mapActionCart,mapMutations:mapMutaionCart} = createNamespacedHelpers('cart')

export default {
  
}
</script>

在组件中使用 import {createNamespacedHelpers} from 'vuex' 有什么作用?

官方文档说的很详细呀
Module | Vuex Vue.js 的中心化状态管理方案 https://vuex.vuejs.org/zh/guide/modules.html#%E5%B8%A6%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4%E7%9A%84%E7%BB%91%E5%AE%9A%E5%87%BD%E6%95%B0