在Vue.js中，我們可以通過vuex來管理應用程序的狀態。Vuex是一個狀態管理庫，它為我們提供了一個統一的方式來管理應用程序中的狀態。在Vuex中，我們使用createStore函數來創建一個存儲庫(store)。

createStore函數接受一個對象作為參數，該對象包含了我們想要在store中存儲的所有狀態。

const store = new Vuex.Store({
state: {
count: 0
}
})

上面的代碼創建了一個store，其中包含了一個狀態(count)。我們可以通過getter和mutation來訪問和更新這個狀態。

Getter是用來訪問status的函數，它類似于計算屬性。Getter函數接受state對象作為參數，我們可以在Getter中對狀態進行計算和處理。

const store = new Vuex.Store({
state: {
count: 0
},
getters: {
getCountWithPrefix: state =>{
return `prefix-${state.count}`
}
}
})

上面的代碼定義了一個Getter函數，該函數將狀態前綴化，并返回一個新的值。

Mutation用于更新狀態，它類似于事件。Mutation函數接受state對象作為第一個參數，并接受一個payload作為第二個參數。我們可以在Mutation中更新狀態，這將導致所有訂閱store的組件都會更新。

const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
},
decrement(state) {
state.count--
}
}
})

上面的代碼定義了兩個Mutation函數，分別用于增加和減少狀態。在Mutation中，我們通過改變狀態對象的屬性來更新狀態。

在Vue組件中，我們可以通過computed屬性來訪問Getter和通過$store.commit來調用Mutation。

<template>
<div>
<p>Count: {{ count }}</p>
<button @click="$store.commit('increment')">Increment</button>
<button @click="$store.commit('decrement')">Decrement</button>
</div>
</template>
<script>
export default {
computed: {
count() {
return this.$store.state.count
}
}
}
</script>

上面的代碼定義了一個Vue組件，它使用computed屬性來訪問狀態，并使用$store.commit來調用Mutation函數。

通過Vuex的createStore函數，我們可以創建一個管理應用程序狀態的存儲庫。我們可以使用Getter來訪問狀態，使用Mutation來更新狀態，以及在Vue組件中使用computed和$store.commit來訪問和更新狀態。