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組成，項(xiàng)目代碼結(jié)構(gòu)主要如下，個人按照模塊劃分如下圖：
目錄劃分

42.png

action.png

getter.png

index.png

mu.png

type.png

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

待續(xù) （刷新問題）（Chrome插件）