vuex低级错误,this.$store提示不存在
使用vuex的时候遇到一个低级错误,导致无法使用this.$store,记录一下在生成store的时候一般代码是import Vuefrom 'vue'import Vuexfrom 'vuex'Vue.use(Vuex)export default new Vuex.Store({state:{phone:''},mutations:{change...
使用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就行,注意是项目目录下
更多推荐
所有评论(0)