使用vuex的时候遇到一个低级错误,导致无法使用this.$store,记录一下

在生成store的时候一般代码是

import Vuefrom 'vue'

import Vuexfrom 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({

state:{

phone:''

  },

  mutations:{

changePhone(state,phone){

state.phone=phone;

    }

}

})

但是注意需要导入的vuex是需要在项目目录下下导入(一定要这样,不要使用全局,不要使用ws自动安装)

npn install vuex --save

而我之前是在全局导入了vuex,导致

import Vuex from 'vuex'

这句提示缺少vuex,我按照他提示的文案点击之后,ws会自动下载安装vuex,但是出问题就在这里。

一般如果是npn install vuex --save 安装完之后package.json里vuex里会提示安装的版本

"dependencies": {

"element-ui": "^2.8.0",

  "vue": "^2.5.2",

  "vue-router": "^3.0.1",

  "vuex": "^3.1.1"

},

但是如果是ws自动安装的,这里显示就是lateest

然后在main.js导入store,同样的代码,ws自动安装的vuex就会出现this.$store找不到,不清楚为啥。

另外如果不小心ws自动安装了,使用npm uninstall vuex先卸载掉,再写npn install vuex --save就行,注意是项目目录下

Logo

前往低代码交流专区

更多推荐