Getter

state 中的数据,需要经过处理后再使用时,可以使用 getters 配置。

可以通过 defineStore() 中的 getters 属性来定义它们。推荐使用箭头函数,并且它将接收 state 作为第一个参数

1import {defineStore} from "pinia";
2
3export const useCounterStore = defineStore('counter', {
4
5    state: () => ({count: 0}),
6
7    getters: {
8        double: (state) => state.count * 2,
9    },
10
11})

访问getter

1const store = useCounterStore()
2
3store.double