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中派生出一些新状态。