pinia 中无法使用 onBeforeMount

`pinia` 是Vue 3中的状态管理模式，它基于Vue.js的响应式系统，用于管理应用程序的全局状态。关于 `onBeforeMount` 的问题，`pinia` 官方推荐使用 `setup()` 函数替代生命周期钩子，因为 `pinia` 没有直接提供类似 Vue 的 `mounted()` 或 `created()` 钩子。

如果你希望在组件挂载前执行某些操作，可以在 `setup()` 函数中完成，例如：

import { createApp, ref } from 'vue';
import { useStore } from 'pinia';

const store = defineStore('myStore', {
  state() {
    // ...
  },
  actions: {
    init() {
      // 这里可以放置需要在组件挂载前运行的初始化逻辑
    }
  },
});

function MyComponent() {
  const store = useStore('myStore');

  setup() {
    store.init(); // 在这里调用初始化函数

    onMounted(() => {
      // 正常的生命周期钩子，在store.init之后执行
    });
  }

  // ...
}

createApp(MyComponent).mount('#app');

在这种情况下，`init()` 被放在了 `setup()` 内部，并确保在组件实际挂载之前执行。