vue3 Pinia实例demo（AI生成）

好的，下面是一篇简单的vue pinia实用的demo：

首先，安装vue pinia：

npm install pinia

然后，在main.js中引入pinia和创建store：

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'

const app = createApp(App)
const pinia = createPinia()
app.use(pinia)

app.mount('#app')

接着，在store中创建state和actions：

import { defineStore } from 'pinia'

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

最后，在组件中使用store：

<template>
  <div>
    <div>Count: {{ $store.count }}</div>
    <button @click="$store.increment()">Increment</button>
    <button @click="$store.decrement()">Decrement</button>
  </div>
</template>

<script>
import { useStore } from './store'

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

    return { store }
  }
}
</script>

以上就是一个简单的vue pinia实用的demo，演示了如何创建store、state和actions，并在组件中使用它们。在实际开发中，可以根据具体情况来扩展和修改。