前些天在学习跟着学写一些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,其实难免遇到很多坑,希望大家在学习的时候也能够耐心的排查,根据日志找报错的问题,当然这些都是经验之谈了。
Logo

前往低代码交流专区

更多推荐