歡迎每一位愛學(xué)習(xí)的同學(xué)，小郭將用一篇文章為大家梳理Vue.js 中 vuex 知識點。請大家準備，精彩內(nèi)容向下看。

Vuex 是什么？

先來看看官方解釋：

Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化。

看完官方解釋作為一個前端菜鳥還是一臉懵（），但對于vuex的應(yīng)用場景，大家可能或多或少知道，用來管理一些全局數(shù)據(jù)，或者多個頁面都會使用到的數(shù)據(jù)，比如，我們項目中常見的用戶信息，通常使用vuex來管理。

這里，我們思考一個問題，如何沒有vuex，還有哪些方式可以實現(xiàn)一些公共數(shù)據(jù)的管理？

把公共數(shù)據(jù)存儲到根實例中，其他頁面都可以通過 this.$root 來獲取根實例中的數(shù)據(jù)。

把公共數(shù)據(jù)存儲到根實例中，其他頁面通過 provide/inject 機制來獲取根實例中的數(shù)據(jù)。

以上兩種方式，雖然可以用來管理我們的全局數(shù)據(jù)，但是隨著項目越來越復(fù)雜，全局數(shù)據(jù)越來越多，目前這樣的管理方式成本還是有些高，所以，我們需要一套系統(tǒng)化的，流程化的機制來管理全局數(shù)據(jù)，而vuex就是為此而誕生的。

vuex的優(yōu)點：它不僅僅是一個全局數(shù)據(jù)的管理器，同時它最大的特性是支持響應(yīng)式的，也就是說使用vuex管理的數(shù)據(jù)如果發(fā)生改變，那么引入這些數(shù)據(jù)的組件都會自動刷新。

vuex基本使用

第一步：安裝vuex

npm

第二步：引入vuex

//main.js

由于篇幅的原因，本文暫停于此，想繼續(xù)了解vuex更多的知識點，請移步到公眾號“一郭鮮”，閱讀完整的vuex知識梳理。

想學(xué)習(xí)更多前端知識、想獲取更多前端資料歡迎關(guān)注公眾號“一郭鮮”，學(xué)習(xí)前端不迷路

一郭鮮

總結(jié)

以上是生活随笔為你收集整理的vuex保存用户信息_你想要的，vuex干货分享的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。