• 安裝vuex

npm install vuex --save

• main.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    count:1,
  },
  getter:{
    getStateCount(state){
      return state.count+1;
    }
  },
  mutations: {
    add(){
      state.count = state.count+1;
    },
    delete(n){
      state.count = state.count-n;
    }
  },
  actions: {
    addFun(context){
      context.commit("add");
    },
    deleteFun(context){
       context.commit("delete",n);
    }
  }
})

組件中使用方式

this.$store.state.count;
this.$store.getter.getStateCount;
this.$store.commit("add");
this.$store.dispatch("addFun");
this.$store.dispatch("deleteFun",10);