写一个简单地vuex

以下是一个简单的Vuex Store示例：

import { createStore } from 'vuex';

const store = createStore({
  state: {
    count: 0,
    message: 'Hello Vuex!'
  },
  mutations: {
    increment(state) {
      state.count++;
    },
    setMessage(state, newMessage) {
      state.message = newMessage;
    }
  },
  actions: {
    incrementAsync({ commit }) {
      setTimeout(() => {
        commit('increment');
      }, 1000);
    }
  },
  getters: {
    getCount(state) {
      return state.count;
    },
    getMessage(state) {
      return state.message;
    }
  }
});

export default store;

这个示例中的Vuex Store包含了状态（state），变更（mutations），动作（actions）和获取器（getters）。

• state 是存储应用程序状态的地方，可以在组件中访问。
• mutations 定义了修改状态的函数，它们接收一个 state 对象作为第一个参数，可以通过调用 commit 方法来触发。
• actions 包含了异步操作或批量的 mutations 操作，它们可以通过调用 dispatch 方法来触发。
• getters 提供对存储在状态中的数据进行计算和访问的方法，可以像访问属性一样使用它们。

你可以根据自己的业务需求进行修改和扩展。在应用程序中使用该store时，可以通过导入 store 对象来访问其中定义的状态、mutations、actions和getters。