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
评论