求助 vue/pinia 高手，多 vue 实例如何共享一个全局 pinia 实例，且 vue 有自己的 pinia 实例？

This topic created in 932 days ago, the information mentioned may be changed or developed.

const fakeGlobalPinia = createPinia() function createVueInstance(container) { const app = createApp(...) // App 的 pinia 实例 app.use(createPinia()) // 想象中是这样的。 app.use(fakeGlobalPinia) // .... } const vueApp1 = createVueInstance(...) const vueApp2 = createVueInstance(...)

想象中是想上面的代码一样。

场景举例

假设有两个 vue app （在一个页面上），每个 app 都会控制主题的样式（ theme ，这个是全局单例），我想把 theme 搞成一个全局的 store ，同时给两个 vue app 使用。但是每个 vue app ，也有自己的 store ，互不影响。

问题

单 pinia 能够实现这种效果吗？
有什么其他方式可以实现？还是我的思路不对

Supplement 1 Dec 19, 2023

const fakeGlobalPinia = createPinia() /** * 这样就可以多实例共享了 */ export const useGlobalStore = () => defineStore('id', {})(fakeGlobalPinia); function createVueInstance(container) { const app = createApp(...) // App 的 pinia 实例 app.use(createPinia()) // 想象中是这样的。 app.use(fakeGlobalPinia) // .... } const vueApp1 = createVueInstance(...) const vueApp2 = createVueInstance(...)

Supplement 2 Dec 19, 2023

上面写错了，修正一下

const fakeGlobalPinia = createPinia() /** * 这样就可以多实例共享了 */ export const useGlobalStore = () => defineStore('id', {})(fakeGlobalPinia); function createVueInstance(container) { const app = createApp(...) // App 的 pinia 实例 app.use(createPinia()) // 这个不需要了 // app.use(fakeGlobalPinia) // .... } const vueApp1 = createVueInstance(...) const vueApp2 = createVueInstance(...)

6 replies 2024-10-16 01:09:31 +08:00