vuestore的getters是Vuex中用于获取store中的数据的函数。它们可以像计算属性一样根据state和其他的getters进行计算，并返回一个结果。
首先，让我们了解一下为什么使用getters。在大型应用程序中，store可能包含许多的数据。而有些数据可能需要在多个组件之间共享使用，如果每个组件都直接访问store中的数据，那么代码的耦合性将会大大增加。而使用getters可以将这些共享的数据封装到一个地方，然后在多个组件中使用，这样可以减少代码的重复，并提高代码的可维护性。
接下来，我们来看一下如何定义和使用getters。在Vuex的store文件中，我们可以使用getters选项来定义getters。例如，下面是一个简单的示例：
```
const store = new Vuex.Store({
state: {
count: 0
}
getters: {
doubleCount(state) {
return state.count * 2
}
}
})
```
在上面的例子中，我们定义了一个名为doubleCount的getter函数，它返回state中的count属性的两倍。在组件中，我们可以使用`$store.getters.doubleCount`来获取该getter的值。例如：
```
export default {
computed: {
doubleCount() {
return this.$store.getters.doubleCount
}
}
}
```
在上面的例子中，我们将doubleCount getter赋值给了一个计算属性doubleCount，然后在模板中使用该计算属性来显示doubleCount的值。这样，当state中的count属性发生变化时，doubleCount也会相应地更新。
除了接收state作为参数，getters还可以接收其他的getters作为第二个参数。这些参数可以用于在一个getters中使用另一个getter的结果进行计算。例如，下面是一个使用多个getters进行计算的示例：
```
const store = new Vuex.Store({
state: {
count: 0
}
getters: {
doubleCount(state) {
return state.count * 2
}
tripleCount(state
getters) {
return getters.doubleCount * 3
}
}
})
```
在上面的示例中，tripleCount getter使用doubleCount getter的结果进行计算。
除了接收state和getters作为参数，getters还可以接收其他的参数。这些参数可以用于在getter中进行一些动态的计算。例如，下面是一个接收参数的getter的示例：
```
const store = new Vuex.Store({
state: {
count: 0
}
getters: {
getCount(state) {
return (name) => state.count + name.length
}
}
})
```
在上面的示例中，getCount getter返回一个函数，该函数接收一个name参数，并根据state中的count属性和name的长度进行计算。在组件中，我们可以使用`this.$store.getters.getCount(name)`来调用该getter，其中name是一个变量。
QQ客服