Vuex 是一個(gè)專門為 Vue.js 應(yīng)該程序開(kāi)發(fā)的狀態(tài)管理模式,它類似于 Redux 應(yīng)用于 React 項(xiàng)目中,他們都是一種 Flux 架構(gòu)。相比 Redux,Vuex 更簡(jiǎn)潔,學(xué)習(xí)成本更低。希望通過(guò)本文幫助還沒(méi)使用 Vuex 的同學(xué)快速上手。
注:本文針對(duì) Vuex 2.0 的語(yǔ)法,目前通過(guò) npm 默認(rèn)下載的版本為 1.0+ ,想引入 2.0 版本可以通過(guò) script 標(biāo)簽引入。
<script src="https://unpkg.com/vuex@2.0.0"></script>
習(xí)慣使用 ES6 中 import 方法的可以暫時(shí)通過(guò)解構(gòu)賦值的方式引入 Vuex 中的方法。
import { mapState, mapGetters } from 'Vuex';//替換為:let { mapState, mapGetters } = Vuex;
Vuex 的核心內(nèi)容主要就是 State、Getters、Mutations、