VUE X

Vuex 是 Vue.js 官方提供的状态管理模式和库。它用于在 Vue.js 应用程序中集中管理应用程序的数据状态，使得不同组件之间可以共享、响应式地访问和修改数据，以实现更好的代码组织和数据管理。

Vuex 的核心概念包括：

1. **State（状态）**：存储应用程序的数据状态。在 Vuex 中，将所有的应用程序级别的状态集中到一个单一的容器中，称为 state。这样可以方便地跟踪状态的变化并实现统一的状态管理。
2. **Getter（获取器）**：用于从 state 中派生出一些状态，类似于 Vue 组件的计算属性。Getter 可以对 state 进行一些包装或处理，然后在组件中使用。
3. **Mutation（变更）**：用于修改 state 中的数据。Mutation 是 Vuex 中唯一允许修改 state 的方式，且必须是同步函数。通过提交一个 Mutation 来修改数据，可以跟踪状态的变化，并且可以在开发工具中进行调试。
4. **Action（动作）**：类似于 Mutation，用于提交 Mutation 来修改数据。不同的是，Action 可以包含异步操作，可以在 Action 中执行异步逻辑，然后再提交 Mutation 来修改数据。
5. **Module（模块）**：用于将 Vuex 的状态树拆分为多个模块。每个模块都有自己的 state、getter、mutation 和 action，使得大型应用程序的状态管理更加简单和可维护。

通过使用 Vuex，可以将应用程序中的共享状态从组件中提取出来，使得不同组件之间可以更方便地共享数据，并且可以更好地追踪和调试数据的变化。Vuex 还提供了一些高级特性，如插件、严格模式、热重载等，使得状态管理更加灵活和强大。