vue中pinia存储如何修改state的值

在 Pinia 中，您可以通过访问 store 的 state 属性来修改 store 中的状态值。以下是一个示例：

import { defineStore } from 'pinia'

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

在上面的示例中，我们定义了一个名为 `useCounterStore` 的 store，其中包含一个名为 `count` 的状态属性。我们可以通过访问 `this.count` 来修改 `count` 的值。

例如，在组件中使用 `useCounterStore`：

import { useCounterStore } from '@/store/counter'

export default {
  setup() {
    const store = useCounterStore()

    function increment() {
      store.increment()
    }

    function decrement() {
      store.decrement()
    }

    return {
      count: store.count,
      increment,
      decrement
    }
  }
}

在上面的示例中，我们使用 `useCounterStore` 创建了一个名为 `store` 的 store 实例，并在组件中定义了两个方法 `increment` 和 `decrement`，它们分别调用 store 中的 `increment` 和 `decrement` 方法来修改 `count` 的值。最后，我们将 `count`、`increment` 和 `decrement` 返回给组件模板使用。