Vuex簡(jiǎn)單入門
1.Vuex是什么？
學(xué)院派：Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式；集中存儲(chǔ)和管理應(yīng)用的所有組件狀態(tài)。
理解：以上這4個(gè)詞是我們理解的關(guān)鍵。狀態(tài)：什么是狀態(tài)，我們可以通俗的理解為數(shù)據(jù)。Vue只關(guān)心視圖層，那么視圖的狀態(tài)如何來(lái)確定？我們知道是通過數(shù)據(jù)驅(qū)動(dòng)，這里的狀態(tài)管理可以簡(jiǎn)單理解為管理數(shù)據(jù)。集中存儲(chǔ)：Vue只關(guān)心視圖，那么我們需要一個(gè)倉(cāng)庫(kù)（Store）來(lái)存儲(chǔ)數(shù)據(jù)，而且是所有的數(shù)據(jù)集中存儲(chǔ)，視圖和數(shù)據(jù)就可以分析。管理：除了存儲(chǔ)，還可以管理數(shù)據(jù)，也就是計(jì)算、處理數(shù)據(jù)。所有組件狀態(tài)：所用的組件共用一個(gè)倉(cāng)庫(kù)（Store），也就是一個(gè)項(xiàng)目只有一個(gè)數(shù)據(jù)源（區(qū)分模塊modules）。
總結(jié)：Vuex就是在一個(gè)項(xiàng)目中，提供唯一的管理數(shù)據(jù)源的倉(cāng)庫(kù)。
2.有什么用？使用場(chǎng)景？
場(chǎng)景一：處理多組件依賴于同一個(gè)數(shù)據(jù)，例如有柱狀圖和條形圖兩個(gè)組件都是展示的同一數(shù)據(jù)；
場(chǎng)景二： 一個(gè)組件的行為——改變數(shù)據(jù)——影響另一個(gè)組件的視圖，其實(shí)也就是公用依賴的數(shù)據(jù)；
Vuex將組件公用數(shù)據(jù)抽離，在一個(gè)公共倉(cāng)庫(kù)管理，使得各個(gè)組件容易獲?。?code>getter）數(shù)據(jù)，也容易設(shè)置數(shù)據(jù)（setter）。
3.源碼初覽
這是Vuex的源碼文件，總共包含五大部分，Plugins兩個(gè)注入文件，核心文件index，幫組文檔helper，工具文件util.js
我們先看看Index.js文件export的框架，后面具體分析。
export default {
Store,
install,
mapState,
mapMutations,
mapGetters,
mapActions
}
后面文章分析Store倉(cāng)庫(kù)。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Jenkins?Sidebar?Link插件實(shí)現(xiàn)添加側(cè)邊欄功能詳解
這篇文章主要介紹了vue框架實(shí)現(xiàn)添加側(cè)邊欄，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
本篇文章主要介紹了vue組件jsx語(yǔ)法的具體使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-05-05
vue3如何實(shí)現(xiàn)在style中使用響應(yīng)式變量
vue3已經(jīng)內(nèi)置了這個(gè)功能啦,可以在style中使用v-bind指令綁定script模塊中的響應(yīng)式變量,這篇文章我們來(lái)講講vue是如何實(shí)現(xiàn)在style中使用script模塊中的響應(yīng)式變量,感興趣的朋友一起看看吧2024-07-07
關(guān)于vue-cli-service:command?not?found報(bào)錯(cuò)引發(fā)的實(shí)戰(zhàn)案例
這篇文章主要給大家介紹了關(guān)于vue-cli-service:command?not?found報(bào)錯(cuò)引發(fā)的相關(guān)資料,文中通過實(shí)例代碼將解決的過程介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
基于vue3?vue-cli4?線上部署及優(yōu)化的問題
這篇文章主要介紹了基于vue3?vue-cli4?線上部署及優(yōu)化的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了淺談vue-router 路由傳參的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-12-12
這篇文章主要介紹了vue實(shí)現(xiàn)固定位置顯示功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
Vue實(shí)現(xiàn)英文字母大小寫在線轉(zhuǎn)換功能
在Web開發(fā)中,字符串處理是常見的需求之一,特別是在國(guó)際化應(yīng)用中,對(duì)于文本的格式化處理尤為重要,本文將介紹如何使用Vue.js來(lái)構(gòu)建一個(gè)簡(jiǎn)單的在線英文字母大小寫轉(zhuǎn)換工具,需要的朋友可以參考下2024-09-09
基于Vue的SPA動(dòng)態(tài)修改頁(yè)面title的方法(推薦)
這篇文章主要介紹了基于Vue的SPA動(dòng)態(tài)修改頁(yè)面title的方法,需要的朋友可以參考下2018-01-01
Vue?Router修改query參數(shù)url參數(shù)沒有變化問題及解決
這篇文章主要介紹了Vue?Router修改query參數(shù)url參數(shù)沒有變化問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09