vue配置store

Vue的Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，使得状态的管理变得简单且易于维护。Vuex的核心概念包括：state、mutations、actions、getters和modules。其中，state代表应用程序状态，mutations用于修改state，actions用于提交mutation，getters用于从state中获取派生状态，modules允许将store分割成模块。

要使用Vuex，需要先安装它。然后在Vue应用程序的入口文件中创建一个store实例，通过将state、mutations、actions和getters传递给Vuex.Store构造函数来进行配置。下面是一个示例：

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

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  },
  actions: {
    incrementAsync ({ commit }) {
      setTimeout(() => {
        commit('increment')
      }, 1000)
    }
  },
  getters: {
    doubleCount (state) {
      return state.count * 2
    }
  }
})

export default store

在上面的代码中，我们定义了一个包含count、increment、incrementAsync和doubleCount四个属性的store实例。其中，count代表应用程序状态，increment是一个mutation用于修改count，incrementAsync是一个action用于提交mutation，doubleCount是一个getter用于从state中获取派生状态。