vue-9

時間 2019-11-18

標籤 vue 简体版

原文原文鏈接

狀態管理(vuex) store（集中式的存儲管理）

何時用：打算開發中大型應用
集中式數據管理, 一處修改，多處使用
思惟流程:

store.js
              this.$store.commit('increment')    -> mutations
              this.$store.dispatch('jia')        -> actions            
                mapActions() ->actions                                mapGetters()->getters

學生          代課老師         校長           財務      班主任             學生
 (view）component - dispatch >  action   ->  mutation ->    state  <- getter    <-    component
          發送請求      處理            修改狀態         
                        業務邏輯        修改state                讀取state
                        異步

1. 什麼是狀態

咱們使用一條數據去管理一個視圖，那麼這個數據咱們就稱之爲 ‘狀態’vue

2. vuex是作什麼的？

Vuex是一個集中式的存儲管理中心，vuex中能夠用來存儲數據（狀態）vuex

vuex也是一個狀態管理中心，它也能夠進行狀態的管理異步

3. 什麼是狀態管理模式？

咱們使用一條數據去管理一個視圖，那麼這種管理模式就稱之爲狀態管理工具

4. 何時使用vuex

中大型應用使用（使用的時間）this

5. vuex的開發流程

四個方案：spa

1. 前： 標準    後： 標準  √

    2. 前： 標準    後： 非標準  √
    
    3. 前:  非標準  後： 非標準  √
    
    4. 前： 非標準  後： 標準  √
    
    component ---dispatch---> actions ---commit--->mutations---state <----getters----component

6. 解決了三個工具 mapActions mapMutations mapGetters

export default 默認導出一個
export 叫批量導出，能夠導出多個

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。