Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式和库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
安装
首先，你需要安装 Vuex。你可以使用 npm 或 yarn 来安装它。
npm install vuex --save
# 或者
yarn add vuex
基本概念
State
Vuex 使用单一状态树。每个应用将仅仅包含一个 store 实例，并且通常是全局注入的。
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
// ...
},
mutations: {
// ...
},
actions: {
// ...
},
getters: {
// ...
}
})
Mutation
更改 Vuex 的 store 中的状态，必须通过提交 mutation。
store.commit('someMutation')
Action
Action 类似于 mutation，不同在于它们接受一个与 mutation 相同的对象，但是提交的是 mutation 而不是直接变更状态。
store.dispatch('someAction')
Getter
Getter 可以用来获取 store 中的状态。
const count = store.getters.count
进阶用法
更多详细内容，请访问我们的 Vuex 官方文档。
Vuex 是一个强大的状态管理库，它可以帮助你更好地组织和维护 Vue.js 应用的状态。如果你需要进一步了解 Vuex 的进阶用法，可以参考我们的官方文档。
Vuex Logo