vuex的使用

1.Vue的入口文件引入Vuex：

```import Vuex from 'vuex';

Vue.use(Vuex);```

2.创建一个Vuex store实例

Store实例是一个单一的数据源，用于存储应用程序的状态。您可以在store实例中定义状态、mutations、actions和getters

const store = new Vuex.Store({
state: {
// 状态
},
mutations: {
// 修改状态的方法
},
actions: {
// 异步操作的方法
},
getters: {
// 获取状态的方法
}
}

3.使用

• 在组件中访问状态：您可以通过$store.state来访问Vuex store中的状态。

• 修改状态：使用mutations来修改状态。通过提交一个mutation来修改状态，并在mutation中更新状态。

• 异步操作：如果您需要执行异步操作，例如从后端获取数据，您可以使用actions。在action中执行异步操作，然后提交一个mutation来更新状态。

• 获取状态：如果您需要对store中的状态进行计算或过滤，您可以使用getters。Getters允许您从store中派生出一些新状态。