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

Vuex 是什么？

先來看看官方解釋：

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

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

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

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

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

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

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

vuex基本使用

第一步：安裝vuex

npm

第二步：引入vuex

//main.js

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

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

一郭鮮

總結(jié)

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

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