vuex 允許在 vue.js 2 中管理全局響應式狀態，具體步驟如下：安裝 vuex；創建存儲，包含狀態、獲取器、變異函數和動作；將存儲集成到應用程序；在狀態對象中聲明全局狀態；使用 mapstate 獲取狀態；使用 commit 調用變異函數修改狀態；使用動作執行異步操作并分派變異函數。
如何使用 Vuex 在 Vue.js 2 中管理狀態
Vuex 是 Vue.js 的一個狀態管理庫，它允許您在 Vue 應用程序中管理全局響應式狀態。以下是如何在 Vue.js 2 中使用 Vuex：
1. 安裝 Vuex
使用 npm 或 Yarn 安裝 Vuex：
npm install vuex
登錄后復制
或
yarn add vuex
登錄后復制
2. 創建 Store
在 Vuex 中，狀態存儲在一個稱為 Store 的對象中。創建一個新的 Store：
import Vuex from 'vuex'
const store = new Vuex.Store({
state: {
// 初始狀態
},
getters: {
// 計算屬性
},
mutations: {
// 變異函數
},
actions: {
// 異步操作
}
})
export default store
登錄后復制
3. 集成 Store
將 Store 集成到您的 Vue 應用程序中：
import store from './store'
new Vue({
store,
// ...
})
登錄后復制
4. 狀態
在 state 對象中聲明您的全局狀態：
state: {
count: 0
}
登錄后復制
5. 取值
使用 Vuex 中的 mapState 輔助函數來獲取狀態：
computed: {
...mapState(['count'])
}
登錄后復制
6. 變異函數
變異函數是用于修改狀態的唯一方法。使用 commit 方法來調用變異函數：
methods: {
increment() {
this.$store.commit('increment')
}
}
登錄后復制
7. 動作
動作是用于執行異步操作的函數。它們可以分派變異函數或觸發其他動作：
actions: {
async fetchItems() {
// 異步操作
this.$store.commit('setItems', items)
}
}
登錄后復制
通過遵循這些步驟，您可以在 Vue.js 2 中使用 Vuex 來管理全局響應式狀態，從而實現更復雜和可維護的應用程序。
