Vue3之VueX语法

# Vue3之VueX语法

VueX是Vue.js官方的状态管理库，Vue3中通过`createStore`创建响应式状态容器。核心概念包括：

### 1. **State**  
定义共享状态：
```js
const store = createStore({
  state: () => ({ count: 0 })
})

2. Mutations

同步修改状态：

mutations: {
  increment(state) {
    state.count++
  }
}

3. Actions

处理异步逻辑：

actions: {
  asyncIncrement({ commit }) {
    setTimeout(() => commit('increment'), 1000)
  }
}

4. Getters

计算派生状态：

getters: {
  doubleCount: (state) => state.count * 2
}

5. Composition API

Vue3中可通过useStore访问：

import { useStore } from 'vuex'
const store = useStore()

提示：VueX适用于中大型项目，小型项目可考虑Pinia。 “`