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

Vuex 是什么？

先來(lái)看看官方解釋：

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

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

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

把公共數(shù)據(jù)存儲(chǔ)到根實(shí)例中，其他頁(yè)面都可以通過(guò) this.$root 來(lái)獲取根實(shí)例中的數(shù)據(jù)。

把公共數(shù)據(jù)存儲(chǔ)到根實(shí)例中，其他頁(yè)面通過(guò) provide/inject 機(jī)制來(lái)獲取根實(shí)例中的數(shù)據(jù)。

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

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

vuex基本使用

第一步：安裝vuex

npm

第二步：引入vuex

//main.js

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

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

一郭鮮

總結(jié)

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

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