Как расшарить один и тот же vuex между разными vue объектами?

Question

[Олег Ободин]

Представим, что у нас есть два вью объекта, привязанные к разным элементам DOM, но они очень хотят взаимодействовать между друг другом, вот такая схемка:

карточки товара => vuex <= корзина

Как их скрепить? Сейчас это дело кое-как работает с костылями через vue-persistdate и одинаковыми vuex, схема такая:

(карточки товара, vuex) => localstorage <= (корзина,vuex)

Ссылаюсь к тому, что походу нужно было использовать симпл стор вместо вуекс, но он же такой крутой и неужели нет способа его расшарить?

Answer 1

[Klein Maximus]

Просто "расшарьте" между vue-приложениями экземпляр vuex-хранилища.

import Vue from 'vue';
import Store from 'vuex';

const store = new Store({ /* настройки хранилища*/});

const app1 = new Vue({
  store,
  el: '#el1',
 /* настройки первого приложения */
});

const app2 = new Vue({
  store,
  el: '#el2',
 /* настройки второго приложения */
});