vuex的使用之mapGetters

vue项目中，经常会使用到vuex，vuex是vue的一个状态管理。

本文简单总结一下：vuex中mapGetters的使用。

如果一个变量或对象需要在多个页面和组件中使用，那么，可以使用mapGetters。

一.vuex中声明变量个方法

1.在state中声明：

state: {freeShipping:cookie.get('freeShipping'),
}

2.在mutations中书写方法：


mutations: {updatefreeShipping(state, freeShipping) {state.freeShipping =freeShipping;},}

3.在getters中书写：


getters: {freeShipping: state => state.freeShipping || {}
}

二.在各页面中使用

1，引入

   import { mapGetters  } from "vuex";

2，在method同级上放入computed

computed: mapGetters(["freeShipping"]),

或

computed: {...mapGetters(["freeShipping"])} ,

可放入多个对象

  computed: mapGetters(["userInfo","freeShipping"]),

3，页面变量取用

{{freeShipping.value}}

vuex的使用之mapGetters相关推荐

Vue3 直接使用Vuex的mapState和mapGetters时报错的分析及解决方案
Vuex 提供了 mapState.mapGetters.mapActions 和 mapMutations 四个函数,其返回结果分别是 mappedState,mappedGetter,mapped ...
vuex的mapState，mapGetters，mapActions，mapMutations与模块化
mapState 和mapGetters 用于生成计算属性computed mapState({"计算属性名":"State数据","xxx" ...
Vue教程5【vuex】getters,mapState,mapGetters,mapActions,mapMutations,模块化namespace
vuex 什么时候需要使用? 状态(数据)共享! vuex工作原理搭建vuex环境创建文件 src/store/index.js//全局安装[--save生产环境] npm install -g ...
Vuex实践-mapState和mapGetters
一.前言本文章是vuex系列的最后一篇,主要总结的是如何使用mapState和mapGetters访问vuex中的state和getters. 二.多个模块中mapState和mapGetters的 ...
vuex进阶 mapState、mapGetters、mapMutations、mapActions
一.state 1.1 引入vuex 以后,我们需要在state中定义变量,类似于vue中的data,通过state来存放状态 import Vue from 'vue' import Vuex fr ...
[vue3+ts]方法一：使用vuex的mapState和mapGetters
src下新建hooks/useState.js import { computed } from 'vue' import { mapState, useStore } from 'vuex' // ...
Vuex中mapState和mapGetters的区别
...mapState辅助函数当一个组件需要获取多个状态的时候,将这些状态都声明为计算属性会有些重复和冗余.为了解决这个问题,我们可以使用...mapState辅助函数帮助我们生成计算属性,当映射的 ...
Vuex的使用（五）——mapGetters的定义和用法
参考文档:https://vuex.vuejs.org/zh/guide/ 当需要在组件中使用多个getters时,可以利用mapGetters批量生成计算属性(新增文件路径为src\componen ...
Vuex入门（3）—— getters,mapGetters,...mapGetters详解
Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如 computed:{sex: ...

vuex的使用之mapGetters

vuex的使用之mapGetters相关推荐

最新文章

热门文章