一、问题描述1、一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被清空。2、我在一个组件（例如登录组件页面）中登录了后，其它页面要怎

1、mapState和mapGetters的作用   mapState用于将state中的数据映射到组件的计算属性中，而mapGetters用于将getter中的计算属性映射到组件的计算属性中，之前获取Vuex数据都是通过$store找到state对象，再去state中去拿数据，操作getter，muta

1）说说什么是vuex（下定义）2）vuex解决了哪些问题，为什么要用（必要性）3）怎么使用vuex（使用方法）4）描述vuex原理，提升答案深度（深层原理升华答案）vuex的流程图分析：我们可以看到图中虚线框包裹起来的部分就是vuex的三个组成部分（Action，Mutations，state），我们来简单的捋一下整个流程：首先vue的组件在响应用户行为交

在vue项目中首先npm命令安装axios:npminstallaxiosSaxios的封装使用请求带上token，token通过登录获取存在vuex，为防止刷新丢失token使用持久化vuexpersistedstate插件保存数据npmiSvuexpersistedstateimportpersistedStat

Vuex是一个专门为Vue.js应用程序开发的状态管理模式。Vuex采用集中式存储管理应用的所有组件组件的状态。换句话说，Vuex就是帮开发者存储多个组件共享的数据，方便开发者对其读取的更改的工具。Vuex4正式版本现已发布。Vuex4的改进重点是兼容性。Vuex4支持Vue3，并提供了与Vuex3完全相同的

简单说明什么是vuex，vuex怎么使用，什么场景下适合使用vuex，vuex文档(https://links.jianshu.com/go?tohttps%3A%2F%2Fvuex.vuejs.org%2Fzh%2F)中都有介绍。看完文档之后，都知道vuex的核心有State、Getter、Mutation、Action、Modul

1Vuex是什么呢？它是Vue的状态管理模式，在使用vue的时候，需要在vue中各个组件之间传递值是很痛苦的，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被改变，所有引用该值的地方就会自动更新。是不是很方便，很好用呢？vuex是专门为vue.js设计的状态管理模式，集中式存储和管理应用程序中所有组件的状态，vuex也集成了vue的

1、Action的使用        Action类似于mutation，不同之处在于Action提交的是mutation，而不是直接更改状态，Action可以包含任何的异步操作。2、定义以及使用Action代码3、分发Action代码代码action4、Action函数参数

       用过vue的朋友大概对vuex也不陌生，vuex的官方解释是专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说的简单点就是对vue的状态进行统一管理，如下图介绍了其管理模式：im