.如果想让某些数据页面刷新之后不消失，那就可以结合本地存储做到数据持久化 2 .比如之前的搜索记录，还有一些需要依赖的数据。
所以，F5页面刷新，页面销毁之前的资源，重新请求，因此写在生命周期里的vuex数据是重新初始化，无法获取的。
首先我们需要去解释一下，什么是持久化缓存，在现在前后端分离的应用大行其道的背景下，前端 html，css，js 往往是以一种静态资源文件的形式存在于服务器，通过接口来获取数据来展示动态内容。
1、存储到vuex的数据立马生效的方法如下：App.vue中配置App.vue是组件树的顶端。在这里配置恢复与缓存策略可以对所有页面生效。
2、这个。$store.commit（setUserInfo地图突变 从导入{mapMutaions}；vuexsetUserInfoabcxxx或者...mapState（{myname：xxxxxxxxx或者...地图突变（{我的名字：xxx 利用npm包管理工具安装vuex；新建一个store文件夹，并在文件夹下新建“store.js”文件；在文件中引入vue和vuex。
3、Vuex使用单一状态树，以一个对象就包含了全部的应用层级状态。状态管理用于存储应用中的大部分状态信息，这些信息可以在应用的任何组件中被访问和修改。Getter Getter用于从store中的状态获取数据，并且可以在获取的过程中进行一些处理，比如过滤或者计算。
4、state：vuex的基本数据，用来存储变量。geeter：从基本数据（state）派生的数据，相当于state的计算属性。mutation：提交更新数据的方法，必须是同步的（如果需要异步使用action）。每个 mutation 都有一个字符串的 事件类型 （type） 和 一个 回调函数 （handler）。
vuex的五个属性及使用方法如下：基本属性：state：vuex的基本数据，用来存储变量。geeter：从基本数据（state）派生的数据，相当于state的计算属性。mutation：提交更新数据的方法，必须是同步的（如果需要异步使用action）。
state：vuex的基本数据，用来存储变量（后四个属性都是用来操作state里面储存的变量的）。getters：是对state里面的变量进行过滤的。mutation：提交更新数据的方法，必须是同步的（如果需要异步使用action）。
Action 接受一个与 store 实例具有相同方法和属性的 context 参数对象，因此你可以调用 context.commit 提交一个 mutation ，或者通过 context.state 和 context.getters 来获取 state 和 getters ，利用 ES6 的解构，可以简化写法。
父子通信：父向子传值，通过props；子向父传值通过events （$emit）；父调用子方法通过ref；provide / inject。兄弟通信：bus 跨级嵌套通信：bus；provide / inject等。Vuex有以下几个部分构成：1）state state是存储的单一状态，是存储的基本数据。
mutations是用于修改状态的函数，且每个mutation都有一个字符串类型的名称和一个处理函数。actions是可以触发mutations的函数，它们可以执行异步操作并可以提交多个mutations。getters是计算属性，它们可以从状态中派生新的状态，并具有缓存和响应式更新功能。
Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。
Action 接受一个与 store 实例具有相同方法和属性的 context 参数对象，因此你可以调用 context.commit 提交一个 mutation，或者通过 context.state 和 context.getters 来获取 state 和 getters，利用 ES6 的解构，可以简化写法。
父子组件间通信：/使用props/$emit、ref/$parent/$children进行数据传递，EventBus解决跨级通信，而Vuex则是状态管理的得力助手。 Vuex魔法：/状态管理模式，store、mutation、action和module让应用状态管理井然有序，提升协作效率。
【web前端培训课程】都学习HTML5+CSSJS基础语法与表达式、移动进阶之高效开发、小程序与app开发，具体如下：一：HTML5+CSS3在第一阶段学习常用标签/属性，进行结构搭建、学习VSCode开发工具使用，能创建简单网页、浮动与定位核心知识，灵活运用实现网页布局、BFC规范和浏览器差异等。
Action 接受一个与 store 实例具有相同方法和属性的 context 参数对象，因此你可以调用 context.commit 提交一个 mutation ，或者通过 context.state 和 context.getters 来获取 state 和 getters ，利用 ES6 的解构，可以简化写法。