写一个新项目,在登录成功之后需要将返回 cookie 信息保存起来以方便在后面的请求中携带上cookie在请求头中,以达到登录状态保持的母的,最好的方法就是使用vuex来保存这个信息,非常方便。我接手的上一个项目人家就是这样用的,轮到我自己写项目的时候也遇到了这个问题,但是又不会用vuex,没办法,那只能现学了再结合上一个项目的使用情况。
将vuex 拆分成模块化的,这样后期维护起来也方便一些
vuex 学习使用记录
1,state 定义你要存的数据。并用 export default 导出
vuex 学习使用记录
2,mutations 定义对state中数据的操作 所有对state中数据的操纵都必须通过mutations来进行
vuex 学习使用记录
3,actions.js 暴露给用户使用,借此触发mutations中的方法,保存数据

vuex 学习使用记录

4,getters 对数据进行包装处理
vuex 学习使用记录
5, 在index.js中 引入相应模块 并导出去 在入口文件 main.js中引入
vuex 学习使用记录
6.在main.js中引入
vuex 学习使用记录
7,存数据和取数据
存入:this.$store.dispatch('saveUser',res.data.sid) 取出:this.$store.getters.saveUser

相关文章: