Vue学习中的仓库vuex以及其中遇见的错误

本文记录Vue学习中vuex仓库的配置及遇到的错误。vuex用于数据存储,可在入口文件引入,数据复杂时可建小仓库再引入大仓库。还记录两个错误,一是js文件名写错,二是vuex版本过高,vue2项目装vuex 3版本即可。

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

记录一下Vue学习中的仓库vuex以及其中遇见的错误

vuex用于数据存储的仓库,如图为仓库的基本配置在这里插入图片描述
在入口文件main.js中进行引入
在这里插入图片描述
在这里插入图片描述

如果数据比较多且复杂,就可以在store下建立几个小仓库,然后在大仓库中进行引入,
在这里插入图片描述
在这里插入图片描述
最后记录一下在配置仓库中遇见的一些错误
在这里插入图片描述
第一个错误完全是由于自己的粗心,提示的意思大概是路劲找不到,然后通过检查路径并且在网上看有没有类似的错误,检测了自己的路径和配置仓库的所有单词,最后无意中发现是自己仓库下的 js文件名字写错了,把 "index.js " 写为了 “ indxe.js ”,结果就报错了。

在这里插入图片描述

第二个错误是在获取仓库数据时候发生错误了,经过网上一位大佬的指点发现是vuex的版本过高,如果是vue2的项目一般来说vuex的版本装个3就可以(cnpm intsall --save vuex@3 )
在这里插入图片描述
最终就好了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值