vuex 状态管理在 nuxt 中的是用法,记录下
在 store 目录下 新建
在 actions.js中
在index.js中
在mutation-types.js 中
在mutations.js 中
在userInfo/index.js中
在userInfo/user.js中
commit 和dispatch的区别在于commit是提交mutatious的同步操作，dispatch是分发actions的异步操作 dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch(‘action方法名’,值) commit：同步操作，写法：this.$store.commit(‘mutations方法名’,值) 这里用的...扩展用算符 在 methods 中 来调出方法
然后在组件中使用了, 这里登陆状态跟用户信息2个action都要加载上比登录成功后
还有在访问的时候要获取状态,所以也要先执行下在mounted执行可， 最好在 created内执行。不会闪
取值 现在 computed 里面调出
在视图直接用
4,后续
有些项目按这个写法后会提示这个错误 WARN Classic mode for store/ is deprecated and will be removed in Nuxt 3.
这样的话 目录也就是 1,准备 跟2,编辑2个步骤改一下
换成 :
actions.js
index.js
mutation-types.js
mutations.js 这里更新状态可以直接在 内部执行 this.commit(types.ISLOGIN) //及时更新登录状态
最后效果
demo