pinia数据初始化

Pinia是Vue 3中的一个状态管理模式，它提供了一种组织和管理应用内部共享状态的方式，类似于React的Redux或Angular的NgRx。Pinia的核心思想是将store拆分成独立的小模块，每个模块对应一个pinia实例，用于存储特定领域的数据。

数据初始化在Pinia中通常通过`inject()`函数获取并设置值，或者在创建pinia实例时传入初始状态。例如：

import { createStore } from 'pinia';

export const store = createStore({
  id: 'myStore',
  state: () => ({
    count: 0,
  }),
  actions: {
    increment() {
      this.count++;
    },
  },
});

// 初始化数据
const storeInstance = store();
storeInstance.count = 10; // 直接设置初始值

// 或者注入到组件中，在组件挂载时自动初始化
export default defineComponent({
  setup() {
    const count = inject('myStore').count;
    return { count };
  }
});

当你需要在组件间共享状态时，只需将pinia实例注入到组件的context中，就可以方便地在任何地方访问和更新数据。