Spring Boot+Vue前后端分离商城实战（十三）状态管理之 Vuex

Vuex 是什么

简介

官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

笔者个人理解，一句即可以概括： Vuex 是用于管理 Vue 应用跨组件数据的工具。

跨组件数据指的是，在 A、B、C组件都需要用到的数据，比如购物车的数量，在很多页面是需要用到的。

Vuex 如何存储数据

说起这个还真有很多同学对 Vuex 的存储概念比较模糊，那么下面我们来分析一下 Vuex 和 localStorage、sessionStorage 在存储上的区别。

• Vuex

Vuex 存储在浏览器内存，它采用的是集中式存储管理应用的所有组件的状态，在不刷新网页的情况下，状态会一直保持，一旦刷新网页，所有状态都将会重制。

• sessionStorage

sessionStorage 是一种会话型存储，用于保存同一窗口或标签页的数据，数据保存在浏览器本地，在关闭窗口或标签页之后将会删除这些数据，这就是会话型存储，就跟人于人说话一样，人走了对话就结束了。

• localStorage

localStorage 是一种持久性存储，与 sessionS