使用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就行,注意是項目目錄下