Vuex簡單入門，vuex入門

Vuex簡單入門，vuex入門

1.Vuex是什嗎？

學院派：Vuex 是一個專為 Vue.js 應用程式開發的狀態管理員模式；集中儲存和管理應用的所有組件狀態。

理解：以上這4個詞是我們理解的關鍵。狀態：什麼是狀態，我們可以通俗的理解為資料。Vue只關心視圖層，那麼視圖的狀態如何來確定？我們知道是通過資料驅動，這裡的狀態管理可以簡單理解為管理資料。集中儲存：Vue只關心視圖，那麼我們需要一個倉庫（Store）來儲存資料，而且是所有的資料集中儲存，視圖和資料就可以分析。管理：除了儲存，還可以管理資料，也就是計算、處理資料。所有組件狀態：所用的組件共用一個倉庫（Store），也就是一個項目只有一個資料來源（區分模組modules）。

總結：Vuex就是在一個項目中，提供唯一的管理資料來源的倉庫。

2.有什麼用？使用情境？

情境一：處理多組件依賴於同一個資料，例如有柱狀圖和橫條圖兩個組件都是展示的同一資料；

情境二： 一個組件的行為——改變資料——影響另一個組件的視圖，其實也就是公用依賴的資料；

Vuex將組件公用資料抽離，在一個公用倉庫管理，使得各個組件容易擷取（getter）資料，也容易設定資料（setter）。

3.源碼初覽

這是Vuex的源碼檔案，總共包含五大部分，Plugins兩個注入檔案，核心檔案index，幫組文檔helper，工具檔案util.js

我們先看看Index.js檔案export的架構，後面具體分析。

   export default {     Store,       install,     mapState,     mapMutations,     mapGetters,     mapActions           }

後面文章分析Store倉庫。

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援幫客之家。