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