Vue Store是為Vue.js開發的一個狀態管理模式。它允許開發人員在多個組件中共享狀態，使得Vue允許不同組件之間通信變得更加容易。Getter是Vue中的一個對象，其允許開發人員從store中獲取一些計算狀態或派生狀況，Getter接受作為state的參數以及其他getter，它返回計算狀態或派生狀態。下面將詳細介紹如何在Vue Store中使用Getter。

首先，我們需要在store.js文件中定義一個Getter。Getter是一個函數，它的第一個參數是我們定義的state對象。Getter還可以接受其他Getter作為第二個參數。Getter的代碼如下：

const store = new Vuex.Store({
state: {
count: 0
},
getters: {
getCount: (state) =>{
return state.count;
},
getDoubleCount: (state, getters) =>{
return getters.getCount * 2;
}
}
})

在這個例子中，定義了兩個Getter：getCount和getDoubleCount。getCount返回state中的count值，而getDoubleCount返回getCount的兩倍。在getDoubleCount中，我們傳遞了getCount作為getter參數來計算雙倍數。我們還可以傳遞其他Getter作為參數。

下一步是在組件中使用Getter。我們可以使用Vue的計算屬性來從Getter獲取計算狀態或派生狀態。Getter的代碼如下：

computed: {
count() {
return this.$store.getters.getCount;
},
doubleCount() {
return this.$store.getters.getDoubleCount;
}
}

在這個例子中，我們定義了兩個計算屬性：count和doubleCount。count通過getCountGetter獲取store中的count值，而doubleCount通過getDoubleCount Getter獲取getCountGetter的兩倍。這些計算屬性會在組件中自動更新。

我們還可以在組件中使用Getter帶有參數的情況。我們可以像下面這樣傳遞一個參數：

computed: {
getProductById() {
return (id) =>{
return this.$store.getters.getProductById(id)
}
}
}

在這個例子中，我們定義了一個計算屬性getProductById，它接受一個id參數，并返回使用getProductById Getter查找store中的產品的結果。這種方法可以用于在組件中查找特定的狀態。

Getter是Vue Store中非常強大和方便的特性。它允許我們從store中獲取計算狀態或派生狀態，在多個組件之間使用相同的計算邏輯，并使代碼更加模塊化和可維護。