Vuex是什么
Vuex 是一個(gè)專(zhuān)為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。Vuex 也集成到 Vue 的官方調(diào)試工具 devtools extension，提供了諸如零配置的 time-travel 調(diào)試、狀態(tài)快照導(dǎo)入導(dǎo)出等高級(jí)調(diào)試功能。
主要構(gòu)成
由State,Getter,Mutation,Action,Module組成，項(xiàng)目代碼結(jié)構(gòu)主要如下，個(gè)人按照模塊劃分如下圖：
目錄劃分
42.png
action.png
getter使用
getter.png
寫(xiě)入index導(dǎo)出
index.png
mutations具體實(shí)現(xiàn)
mu.png
mutations_types.js聲明
type.png
mutations具體實(shí)現(xiàn)
9.png
注冊(cè)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
