大家好,又见面了,我是你们的朋友全栈君。
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}}
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/144026.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...