vue.js访问不到_this.$store的两种原因
前些天在学习跟着学写一些vue,在其中有部分需要使用到localStorage来获取并存储本地的存储值,并全局暴露该值,所以用到常用的vuex(推荐使用)。到时其中发现了这个问题:this.$store为undefined最终排查发现有一下两个原因:在index.js中导入vuex时,“vuex”写成了大写的“Vuex”,这就十分坑爹,毕竟vue也是区分大小写,而且在暴露变量时变量的命名经常会写成
·
前些天在学习跟着学写一些vue,在其中有部分需要使用到localStorage来获取并存储本地的存储值,并全局暴露该值,所以用到常用的vuex(推荐使用)。到时其中发现了这个问题:
this.$store为undefined
最终排查发现有一下两个原因:
- 在index.js中导入vuex时,“vuex”写成了大写的“Vuex”,因为vue是区分大小写,而且在暴露变量时变量的命名经常会写成大写,所以这种情况也是会出现的。
- 上面的情况我是整改了,但是这个问题还是没有解决,其实原因也是很简单,这里的store的没有注册到Vue实例中,导致读取不到存在本地存储的值不能读取到。
- 这些细小的错误是我用于记录自己做项目的错误,不一定能帮到到大家,初次学vue,其实难免遇到很多坑,希望大家在学习的时候也能够耐心的排查,根据日志找报错的问题,当然这些都是经验之谈了。
更多推荐
已为社区贡献1条内容
所有评论(0)