在Vue中，我們很常需要在各個(gè)組件之間共享一些數(shù)據(jù)。這些數(shù)據(jù)應(yīng)該被稱為公共數(shù)據(jù)，因?yàn)樗鼈儽欢鄠€(gè)組件所使用，而不是只存在于一個(gè)獨(dú)立的組件中。為了能夠統(tǒng)一、便捷地管理和使用這些公共數(shù)據(jù)，我們可以通過在Vue實(shí)例中引入Vuex進(jìn)行狀態(tài)管理。

import Vuex from 'vuex';  // 引入Vuex
Vue.use(Vuex);  // 通過Vue.use()函數(shù)將Vuex添加到Vue實(shí)例中
export default new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++;
}
}
})

Vuex中的state是用來存儲(chǔ)數(shù)據(jù)的地方。在上面的例子中，我們初始化了一個(gè)名為count的狀態(tài)并將它的初始值設(shè)為0。mutations則是用來改變state狀態(tài)的方法。在上面的例子中，我們定義了一個(gè)名為increment的mutations方法，用來將count的值加1。

那么在組件中如何使用Vuex中的公共數(shù)據(jù)呢？

Vuex提供了mapState和mapMutations兩個(gè)函數(shù)，用于在組件中獲取state和mutations。在上面的例子中，我們使用了mapState將count映射到了組件中的data中，使用了mapMutations將increment映射到了組件中的methods中。這樣，我們就可以獲取到并修改Vuex中的公共數(shù)據(jù)了。

除了使用mapState和mapMutations之外，我們還可以在組件中直接訪問Vuex中的state和mutations。直接使用this.$store.state.count即可獲取到count的值，使用this.$store.commit('increment')即可調(diào)用increment方法。

需要注意的是，Vue推薦在組件中使用mapState和mapMutations來獲取和修改Vuex中的公共數(shù)據(jù)，從而避免了一些潛在的錯(cuò)誤。

總而言之，使用Vuex進(jìn)行狀態(tài)管理可以方便地管理和使用公共數(shù)據(jù)，增加了代碼的可讀性和可維護(hù)性，是Vue開發(fā)中必不可少的一部分。