Vuex是什么
Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)炎疆，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化洞焙。Vuex 也集成到 Vue 的官方調(diào)試工具 devtools extension，提供了諸如零配置的 time-travel 調(diào)試键菱、狀態(tài)快照導(dǎo)入導(dǎo)出等高級調(diào)試功能窥突。
主要構(gòu)成
由State,Getter,Mutation,Action,Module組成努溃，項目代碼結(jié)構(gòu)主要如下，個人按照模塊劃分如下圖：
目錄劃分
42.png
action.png
getter使用
getter.png
寫入index導(dǎo)出
index.png
mutations具體實現(xiàn)
mu.png
mutations_types.js聲明
type.png
mutations具體實現(xiàn)
9.png
注冊Vuex
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
import common from "./common/";
module.exports = new Vuex.Store({
modules: {
common
}
});
使用
TIM50.png
