前些天在学习跟着学写一些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,其实难免遇到很多坑,希望大家在学习的时候也能够耐心的排查,根据日志找报错的问题,当然这些都是经验之谈了。
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐