写一个pinia使用实例

好的，下面是一个使用Pinia的简单实例。

首先，我们需要安装Pinia：

npm install pinia

假设我们有一个需要管理状态的计数器组件。我们可以使用Pinia来创建一个store来管理计数器状态。

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="increment">Increment</button>
    <button @click="decrement">Decrement</button>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import { createPinia } from 'pinia'

const pinia = createPinia()

export default defineComponent({
  setup() {
    const store = pinia.useStore()

    const increment = () => {
      store.count++
    }

    const decrement = () => {
      store.count--
    }

    return {
      count: store.count,
      increment,
      decrement,
    }
  },
})
</script>

在这个例子中，我们使用 `createPinia` 函数创建了一个Pinia实例。然后我们在组件中使用 `pinia.useStore()` 获取store对象。我们可以通过store对象来管理我们的状态。

在 `setup` 函数中，我们定义了 `increment` 和 `decrement` 方法来更新计数器的值，同时还返回了 `count` 和这两个方法，以便在模板中使用。

这是一个简单的使用Pinia的例子。当然，在实际的应用中，我们可能需要更复杂的state和方法来管理更复杂的应用程序。