第一步:
首先,我们需要安装一个vuex的插件 vuex-persistedstate来支持vuex的状态持久化
npm i vuex-persistedstate
第二步:
在src/store文件夹下新建modeuls文件,在modules下新建user.js和cart.js
src/store/modules/users.js
写法:
/ 用户模块
export default {
namespaced: true,
state () {
return {
// 用户信息
profile: {
id: '',
avatar: '',
nickname: '',
account: '',
mobile: '',
token: ''
}
}
},
mutations: {
// 修改用户信息,payload就是用户信息对象
setUser (state, payload) {