Vue 配置完 Vuex 后,this.$store 为 undefined

环境

  • VueJS: 2.7.2

问题

参照 Vuex 的官网安装完 vuex 之后,发现使用 this.$store 去获取状态时,this.$store 的值是 undefined 。

原因

谷歌无果之后,又在官网上翻了下,最后看到从 Vuex 4 开始,删掉了 this.$store... 具体可查看这里。而用 yarn add vuex 默认给我安装了 vuex 4

解决方案

官网有提供 typescript 的解决方案,不过那是搭配着 vue 3 用的。因为我现在的 vue 版本还是用的 2.7.2,所以就只需要安装回 Vuex 3 版本的就行了。具体的命令就是:

# 先删掉现有的
$ yarn remove vuex

# 安装 3 版本的
$ yarn add vuex@3

评论