在pinia中存数据

在Pinia中存储数据是通过定义和使用store来实现的。Pinia是一个状态管理库，它提供了一种简单的方式来管理应用程序的状态，并将其存储在store中。

要在Pinia中存储数据，首先需要定义一个store。一个store是一个包含状态和操作的容器。可以通过创建一个类并继承`defineStore`函数来定义一个store。在store中，可以定义状态属性和操作方法。

下面是一个使用Pinia存储数据的示例：

import { defineStore } from 'pinia';

export const useCounterStore = defineStore('counter', {
  state: () => ({
    count: 0,
  }),
  actions: {
    increment() {
      this.count++;
    },
    decrement() {
      this.count--;
    },
  },
});

在上面的示例中，我们定义了一个名为`useCounterStore`的store，它包含一个名为`count`的状态属性和两个操作方法`increment`和`decrement`。

要使用这个store，可以在组件中通过`useStore`函数来获取store的实例，并使用store中定义的状态和操作。

import { useCounterStore } from './counterStore';

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

    return {
      counter: counterStore.count,
      increment: counterStore.increment,
      decrement: counterStore.decrement,
    };
  },
};

在上面的示例中，我们通过`useCounterStore`函数获取了`counterStore`实例，并将其状态属性和操作方法绑定到组件中。