import { mapState, mapMutations, mapGetters } from 'vuex' export default { computed: { ...mapState('m_cart', ['']), // 把 m_cart 模块中名称为 total 的 getter 映射到当前页面中使用 ...mapGetters('m_cart', ['total']) },
时间: 2024-04-28 16:27:24 浏览: 136
Vuex modules模式下mapState/mapMutations的操作实例
这段代码是使用 Vuex 提供的辅助函数 `mapState`、`mapMutations`、`mapGetters` 将 m_cart 模块中的状态属性、变更函数和 getter 映射到当前组件的计算属性、方法中,从而方便地获取和修改该模块中的状态属性。
具体地,在计算属性中使用了 `...mapState('m_cart', [''])` 将 m_cart 中的所有状态属性都映射到当前组件的计算属性中,这样就可以在模板中直接使用该状态属性。同时使用了 `...mapGetters('m_cart', ['total'])` 将 m_cart 模块中的名称为 total 的 getter 映射到当前组件的计算属性中,以方便在模板中获取该 getter 的值。
需要注意的是,`mapState`、`mapMutations`、`mapGetters` 函数的第一个参数是模块的名称,第二个参数是一个数组,包含了需要映射的状态属性、变更函数或 getter 的名称。如果不需要映射任何属性、函数或 getter,则可以传递一个空数组 `['']`。
阅读全文