vue.js访问不到_this.$store的两种原因

前些天在学习跟着学写一些vue,在其中有部分需要使用到localStorage来获取并存储本地的存储值,并全局暴露该值,所以用到常用的vuex(推荐使用)。到时其中发现了这个问题:

this.$store为undefined

最终排查发现有一下两个原因:

  1. 在index.js中导入vuex时,“vuex”写成了大写的“Vuex”,因为vue是区分大小写,而且在暴露变量时变量的命名经常会写成大写,所以这种情况也是会出现的。
    import Vuex from 'vuex' 写成了 ‘Vuex’=center’
  2. 上面的情况我是整改了,但是这个问题还是没有解决,其实原因也是很简单,这里的store的没有注册到Vue实例中,导致读取不到存在本地存储的值不能读取到。store没有添加
  3. 这些细小的错误是我用于记录自己做项目的错误,不一定能帮到到大家,初次学vue,其实难免遇到很多坑,希望大家在学习的时候也能够耐心的排查,根据日志找报错的问题,当然这些都是经验之谈了。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值