vuex遇到的坑(天坑啊)

1 篇文章 0 订阅

首先说明下,我遇到的问题,我使用this.$store.commit()语句无效!

this.$store.commit('xxx', 'xxxxxx')

这句代码,想更新vuex中的state数据时,state中的数据却没有更新,我找了半天,从配置vuex开始,我终于发现了问题,请跟着我一步一步来配置vuex吧;

在使用vuex时,需要先建个store文件夹,里面放index.js 文件

index.js中的文件内容如下:

在把store挂载到vue上,需要在mani.js文件中写入

到此都没什么问题,vuex的配置也完成了,但是却出现了 使用this.$store.commit()语句无效的问题,最后在我反复发现中,终于发现了问题,我们少了第一步!!!

我们应该先安装vuex,第一步永远都是安装vuex 然后才是配置文件

安装vuex, 成功安装vuex后,this.$store.commit()语句终于生效啦!

npm install vuex --save

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值