vue的pinia中如何使用app.config.globalProperties

在 Pinia 中，可以使用 `app.config.globalProperties` 来注册全局属性。这样可以在所有组件和实例中使用这些属性。

以下是一个简单的示例，展示如何在 Vue.js 中使用 `app.config.globalProperties`：

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

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

// 注册全局属性
app.config.globalProperties.$pinia = pinia

app.mount('#app')

在上面的示例中，我们首先创建了一个 `app` 实例，并使用 `createPinia` 函数创建了一个 Pinia 实例 `pinia`。然后，我们使用 `app.config.globalProperties` 注册了一个名为 `$pinia` 的全局属性，并将其设置为 `pinia` 实例。这样，我们就可以在所有组件和实例中使用 `$pinia` 属性了。

例如，在组件中，我们可以使用 `$pinia` 属性来访问 Pinia 实例中的状态和操作：

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

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

    // 访问 Pinia 实例中的状态和操作
    console.log(store.state)
    store.dispatch('fetchData')

    return { store }
  },
})

在上面的示例中，我们使用 `useStore` 函数从 Pinia 实例中获取一个 `store` 对象，并在组件中访问了该对象中的状态和操作。