// 安装命令
npm run vuex
如果出现以下这样的错误,就是vue安装的版本和vuex安装的版本不兼容
vue2兼容vuex3
vue3兼容vuex4
解决办法:
我的是vue2
卸载vuex
npm uninstall vuex
安装vuex3
npm install vuex@3
安装好之后,
新建文件store,store下新建 index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
userInfo: {
name:'测试'
}
},
mutations: {
updatUserInfo(state, val) {
state.userInfo = val
}
},
actions: {
}
})
在main.js中引入
import store from '../store'
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
使用:
import { mapState } from "vuex";
computed: {
...mapState(["userInfo"]),
},
修改state的值:
this.$store.commit("updatUserInfo", 值);