$store是Vue官方提供的全局狀態管理器，它可以將共享數據集中存儲并進行統一管理，在多個組件之間共享數據變得更加簡單，有效地減少了組件之間的耦合。

在使用vuex之前，需要先將vuex引入到項目中：

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

接下來，我們可以定義一個存儲數據的倉庫/狀態管理器：

const store = new Vuex.Store({
state: { //存放數據
count: 0
},
mutations: { //變更數據
increment (state) {
state.count++
}
},
actions: { //異步操作
incrementAsync ({ commit }) {
setTimeout(() =>{
commit('increment')
}, 1000)
}
},
getters: { //獲取數據
getCount (state) {
return state.count
}
},
modules: { //模塊化
moduleA: {
state: {},
mutations: {},
actions: {},
getters: {}
},
moduleB: {
state: {},
mutations: {},
actions: {},
getters: {}
}
}
})

在組件中，我們可以使用$store來訪問存儲在倉庫中的數據，同時也可以通過觸發mutations來更新數據，或通過actions進行異步操作。

export default {
computed: {
getCount () {
return this.$store.getters.getCount
}
},
methods: {
incrementCount () {
this.$store.commit('increment')
},
incrementAsyncCount () {
this.$store.dispatch('incrementAsync')
}
}
}

同時，在模塊化方面，我們可以將倉庫分成多個模塊，以更好地組織代碼。

$store的使用讓我們的代碼更加規范，同時也更容易維護，對于大型項目來說尤為重要。本文僅為一個簡單的示例，更多詳細內容可以參考文檔。