vuex的是干什么的以及简单的用法示例

Vuex是一个专门为Vue.js应用程序开发的状态管理工具。它提供了一种集中式存储管理应用程序中所有组件的状态，并以可预测的方式发生变化的方式进行管理的方式，使得复杂、多层次的数据流变得简单明了，并便于维护。

在Vuex中，有五个核心的组件：

1. 1.State：单一状态树，用于存储应用程序中的所有状态信息。
2. 2.Getters：对State中的数据进行计算或映射，生成新的数据。
3. 3.Mutations：修改State中的数据，但只能通过mutation来改变state中的数据。
4. 4.Actions：类似于mutations，但它可以包含异步操作。
5. 5.Module：将vuex进行分模块，使得store更清晰，更易于维护。

使用Vuex的步骤：

1. 1.安装Vuex：npm install vuex --save。
2. 2.创建store：创建一个新的Vuex实例，并定义state、mutations、actions和getters。
3. 3.在Vue实例中导入并使用store：在Vue实例的创建过程中，将store作为选项传入。
4. 7.在组件中使用store：在组件中可以通过this.$store访问store中的数据和调用mutation、action、getter等方法。

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