vuex的使用之mapGetters

vuex的使用之mapGetters    遇见代码中的每个知识不会，就去查。不认识生字，不认识单词一样。知识看了总归会有印象。堂堂正正做人，踏踏实实做事。保持安静，保持少说多做事。成为自己尊重自己欣赏的自己的样子。

会做梦的辣条鱼    

于 2021-05-10 14:58:51 发布

3536
收藏 4
分类专栏： 移动端 Vue 文章标签： vue vuex mapGetters uniapp 传参
版权

移动端
同时被 2 个专栏收录
11 篇文章0 订阅
订阅专栏

Vue
21 篇文章0 订阅
订阅专栏
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}}
————————————————
版权声明：本文为CSDN博主「会做梦的辣条鱼」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_44794123/article/details/116595997

 解决问题为核心。搜索不要讲的那么口语化，输入关键词查到。

朝着更好的方向去学习。

解决当下的遇见的问题。

不要犯低级错误。