vuex的使用之mapGetters[通俗易懂]
使用 通俗易懂 Vuex mapGetters
2023-06-13 09:11:41 时间
大家好,又见面了,我是你们的朋友全栈君。
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}}
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/144026.html原文链接:https://javaforall.cn
相关文章
- aws s3 java SDK使用[通俗易懂]
- 【Python矩阵转置】| 试使用多方法实现[通俗易懂]
- SQLServer中使用SUBSTRING截取字符串[通俗易懂]
- python控制mt4自动交易软件下载_MT4 EA智能自动交易系统使用教程[通俗易懂]
- 利用树莓派搭建 web 服务器 (个人认为是网上步骤最全,也是最新的方式了 使用 PHP7)[通俗易懂]
- GridView使用RenderControl取得HTML的问题[通俗易懂]
- 使用awk数组进行求和[通俗易懂]
- transactionscope mysql,如何将TransactionScope与MySql和多个数据库服务器一起使用[通俗易懂]
- golang下文件锁的使用[通俗易懂]
- 【JSON解析】浅谈JSONObject的使用[通俗易懂]
- telnet 命令使用方法详解,telnet命令怎么用?[通俗易懂]
- quartz定时任务使用_netty定时调度
- Postman安装与简单使用[通俗易懂]
- Promise的使用方法[通俗易懂]
- linux mysql 软连接_linux 软连接的使用[通俗易懂]
- 电子邮件有没有必要使用签名证书?
- Oracle 视图 DBA_CLUSTERS 官方解释,作用,如何使用详细说明
- Oracle 视图 USER_ILMDATAMOVEMENTPOLICIES 官方解释,作用,如何使用详细说明
- 使用SQL Server完成数据库导出(sqlserver导出数据库)
- 实现快速导入:使用Oracle IMP命令(oracle导入数据命令)
- 如何快速掌握宝塔Linux使用技巧(宝塔linux使用教程)
- 使用Oracle创建查询用户做安全保护(oracle创建查询用户)
- MySQL在Mac上的安装和使用(mysqlonmac)
- 策略使用Java实现Redis中的过期策略(redisjava过期)
- 如何使用Linux升级系统命令?(linux升级系统命令)
- 使用 SQL Server 加载数据实现效率提升(sqlserver加载)
- 使用 Oracle 中的常用函数简化工作(oracle中常用函数)
- 使用phpshell命令合并图片的代码
- java使用randomaccessfile在文件任意位置写入数据
- nginx中使用nginx-http-concat模块合并静态资源文件