pinia getters

Pinia 是一个用于 Vue.js 的状态管理库。它提供了一种轻量级的方式来管理应用程序的状态。在 Pinia 中，您可以通过定义 getter 函数来获取状态。

Getter 函数是一个用于从状态中获取数据的函数。它类似于计算属性，可以根据需要动态计算和返回数据。

您可以使用 `defineStore` 函数来定义一个 Pinia store。在 store 中，您可以定义 getter 函数来访问和操作状态。以下是一个示例：

import { defineStore } from 'pinia';

export const useCounterStore = defineStore('counter', {
  state: () => ({
    count: 0,
  }),
  getters: {
    getCount() {
      return this.count;
    },
  },
});

在上面的示例中，`getCount` 是一个 getter 函数，它返回存储在 `count` 状态属性中的值。您可以通过在组件中使用 `$store.getters` 属性来访问 getter 函数。例如：

import { useCounterStore } from '@/stores';

export default {
  setup() {
    const counterStore = useCounterStore();

    // 获取 count 值
    const count = counterStore.getCount;

    return {
      count,
    };
  },
};

通过这种方式，您可以在组件中获取和使用 Pinia store 中定义的 getter 函数返回的值。