vue3 pinia使用

Vue3 Pinia是一个轻量级的状态管理库，它使用了Vue3的新特性：Composition API。它的主要目标是提供一种简单易用的方式来管理全局状态，同时也提供了一些高级特性来支持更复杂的应用场景。

下面是使用Vue3 Pinia的简单示例：

1. 安装Vue3 Pinia：

npm install pinia

2. 在main.js文件中注册Vue3 Pinia：

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')

3. 在组件中使用Vue3 Pinia：

import { defineComponent } from 'vue'
import { useStore } from 'pinia'

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

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

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

在上面的示例中，我们使用`useStore`函数来获取全局状态存储。然后，我们可以通过`store.count`来访问和修改状态值。

除了基本的状态管理外，Vue3 Pinia还提供了许多高级特性，如插件支持、热更新、异步访问等等。如果您想了解更多信息，请查看官方文档。