state:儲存資料
mutations：修改state資料的同步方法
actions：非同步方法，請求之類的
modules：掛載別的倉庫
vue例項中使用this.$store.xx來使用資料，呼叫action中的方法需要
this.$store.dispatch('方法名'，)this.$store.commit('方法名'，)vuex也有輔助函式
import from 'vuex'computed:...mapmutations(['方法名'])1.新建乙個store，類似管理員
import reducer from './reducers'
const store=createstore( reducer,);
export default store;
2.新建乙個資料倉儲reducers.js，丟擲的是乙個純函式，並在store中引入
import from './actiontypes';
const defaultstate = {}
export default (state = defaultstate, action) =>
return state;
}
import from 'react-redux'
import store from './store'
4.給需要用到store資料的元件進行連線store,引入
import from 'react-redux'export default connect(mapstatetoprops,mapdispatchtoprops)(todolist);（1）繫結資料，並繫結onchange方法
const mapstatetoprops=(state)=>
}
2.1.新建乙個actiontypes.js用來宣告action的型別，之所以專門用乙個js檔案來宣告，是防止因為常量的拼寫錯誤而導致的找不到錯誤，具體要宣告多少個，根據自己的需求來決定
export const change_input_value='change_input_value';import from './actiontypes';
export const getinputvaluechangeaction = (value) => ()
const mapdispatchtoprops=(dispatch)=>
}}
vuex 與 redux 的 區別
一 redux和flux的區別 1 redux是flux中的乙個實現 2 在redux中我們只能定義乙個store，在flux中我們可以定義多個 3 在redux中，store和dispatch都放到了store，結構更加清晰 4 在redux中本身就內建state物件，對倉庫的管理更加明確 二 r...
自己對vuex 和 redux的理解
1.毫無以疑問都是用了設計模式中的 觀察者模式 或者說 發布 訂閱模式 2.發布訂閱模式 需要有 事件物件event 事件物件有 listen 訂閱 trigger 發布訊息 remove 取消訂閱 等屬性 3.在vuex中，vue.store 相當於event物件，store.commit 相當於...
vuex的學習與使用
vue中有父子元件之間的通訊，但某些變數需要在全域性使用，那就用到了vuex，vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式。建立乙個vue3專案，具體如下vue cli3的建立 記得在選配置的時候選上vuex 專案建立成功後，得到的專案目錄如下 其中的store.js就是用來設定v...