本篇文章，内容比较多，建议收藏！

官方解释：Vuex 是专为 vue.js 应用程序开发的状态管理模式。

一、Vuex 是做什么呢？

什么是状态管理？

简单地讲：可以把多个组件都需要的变量全部存储到一个对象里面，然后这个对象放在顶层的 vue 实例中，让其他组件可以使用。这样多个组件就可以共享这个对象中的所有属性。

前言

在 Vue初学习之状态管理 的前提下，我们再来学习下状态管理模式下的几个特性

State

Vuex 使用单一状态树来管理应用的状态数据，在Vue 组件中怎么展示状态呢？最简单的方法是在计算属性中返回某个状态值：

Vuex是Vue.js的状态管理库，它通过中心化的状态管理使得组件间的数据共享更加容易。

Vuex包含五个核心属性：state、getters、mutations、actions和modules。

1：state：定义了应用程序的状态，就是我们要管理的数据。

在Vue中高效管理组件状态，可以采用以下几种策略：

使用Vuex进行状态管理：

对于复杂的应用，使用Vuex是一个非常有效的状态管理方案。Vuex提供了一个集中存储管理所有组件的状态，并以响应式的方式更新视图。它包括以下几个核心概念：

1. 前言

在上一小节中，我们介绍了 Vue-Cli 初始化项目，本小节我们一起来分析以下 Vue-Cli 创建项目的文件结构。

2. 目录结构

vue + webSocket 实时任务信息通知

websocket

WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。
它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。

特点

建立在TCP协议之上，服务端的实现比较容易； 与HTTP协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用HTTP协议，因此握手时不容易屏蔽，能通过各种HTTP代理服务器； 数据格式比较轻量，性能开销小，通信高效； 可以发送文本，也可以发送二进制数据 没有同源限制，客户端可以与任意服务器通信 协议标识符是

<在Vue项目中，使用Vuex进行状态管理时，页面刷新导致数据丢失是一个常见的问题。这是因为Vuex的状态是存储在内存中的，而当页面刷新时，浏览器会重新加载页面，导致Vuex中的状态被重置。为了解决这个问题，我们可以采用以下几种方法：

1 .如果想让某些数据页面刷新之后不消失，那就可以结合本地存储做到数据持久化
2 .比如之前的搜索记录，还有一些需要依赖的数据。比如本次活动的代号存下来，让我在一段时间内，根据这个编号来确定相关代号代表的一批数据可以缓存在本地，一遍在下一次请求的时候快速返回
3 .实现原理：在mutations定义的方法里对vuex的状态操作的同时对存储也做相应的操作

来源：
https://www.cnblogs.com/maoqian/p/15428820.html

一、什么是Vuex？