pinia怎么使用$store

在 Vue.js 应用程序中，您可以通过创建一个 store 实例并将其注入到应用程序的根组件中来使用 Pinia。要使用 $store，您需要在组件中将其注入。这可以通过在组件中使用 `inject` 函数来完成。

例如，假设您已经创建了一个 store 实例并将其注入到您的 Vue.js 应用程序的根组件中：

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

const pinia = createPinia()

createApp(App).use(pinia).mount('#app')

现在，您可以在组件中使用 `$store` 来访问您的 store 实例中的状态和操作。例如：

<template>
  <div>{{ count }}</div>
</template>

<script>
import { defineComponent, inject } from 'vue'

export default defineComponent({
  setup() {
    const store = inject('$store')

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

在上面的示例中，我们使用 `inject` 函数将 `$store` 注入到组件中，并从 store 实例中获取 `count` 属性。现在，您可以在组件中使用 `count` 来访问 store 实例中的状态。