vuex低级错误，this.$store提示不存在

vuex注意点

使用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就行，注意是项目目录下