vue中使用vuex中的mapGetters

葱油蛋饼

已于 2022-11-30 22:06:05 修改

阅读量480

点赞数

文章标签：前端 vue

于 2022-11-30 21:28:20 首次发布

原文链接：https://blog.youkuaiyun.com/qq_40701490/article/details/88794555

版权

本文介绍了如何在Vue项目中安装和使用Vuex。首先，根据Vue的版本选择合适版本的Vuex，通过npm进行安装或升级。接着，创建并组织store文件结构，包括summary.js、getters.js和index.js。然后，在main.js中引入store。最后，展示了如何将数据存储到store中以及如何在组件中引入和使用这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：在使用vuex之前需要安装vuex

1.查看自己的vue版本
查看方法:进入到package.json,然后ctrl+F输入vue,我使用的是vue@2.版本的，就需要使用vuex@3
如果使用的是vue@3，最好使用vuex@4版本
在这里插入图片描述
2.执行npm install vuex@3,如果需要替换vuex的版本，先卸载，执行 npm uninstall vuex

二：定义store

我的目录是这样的,创建好目录
在这里插入图片描述

summary.js
在这里插入图片描述

getters.js
在这里插入图片描述
index.js

三：在main.js中引入store

四.将数据保存在store中

![在这里插入图片描述](https://img-blog.csdnimg.cn/461ba939ff354c7faeb2d793eb4b28bd.png#pic_center

五.引入保存在store中的数据

在这里插入图片描述

1.导入
在这里插入图片描述
2.使用

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。