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