Vuex: хранить ссылку на объект библиотеки?

Question

[thehighhomie]

Есть ли подводные камни, при хранении ссылки на объект сторонней библиотеки в стейте?

Я пишу приложение на Vuejs + Vuex + fabric.js, и мне для управления канвасом в других компонентах удобно хранить созданный объект канваса в хранилище.

Проблема в том, что когда я сохранял в стейт ссылку на объект (через мутацию, понятное дело) то у меня была ошибка "Maximum call stack..."

Я так и не смог разобраться в чем проблема, создал новую сборку с vue-cli и поэксперементировал там, все работает. Я конечно переписал свой компонент, так как не получилось понять почему так.

Так вот, я переживаю, что возможно ложить ссылку на объект не грамотно, может подводные камни будут какие и в дальнейшем я пожалею об этом. Но если это норм практика, то получается это просто моя ошибка в коде.

Подскажите пожалуйста, напрасно ли я переживаю?

Comments

[alex]

Почему бы не оформить все это в виде модуля который экспортирует инстанс вашего канваса и импортировать его там где нужно, и ни каких vuexoв не надо

[thehighhomie]

Alex, ну я же инстанс в компоненте хочу оформить, чтобы он как бы был в связи с компонентом vue, а иначе придется еще дополнительную логику писать и минус реактивность

[alex]

thehighhomie, а при чем тут vuex? В хранилище должны данные быть, а не ссылки на инстанс конструктора. кода нет, поэтому я может просто не понимаю что вы хотите сделать.

[thehighhomie]

Alex, ну кода то особенно и нет, уже удалил, думаю переделать. А сделать я хочу следующее: создать компонент vue, инициализировать там инстанс канваса, который как раз будет применяться к $el комплнента. Ну и чтобы другие компоненты могли иметь к нему доступ, к примеру нужно поменять свойства инстанса.

[thehighhomie]

Alex, я вчера писал вопрос на эту тему, но более глобально. может вы сможете помочь.

[marsdenden]

Оформить плагин? Или пойти страшным путём и написать Vue.prototype.$canvas = mycanvas

[thehighhomie]

marsdenden, плагин создать предлогаете?

[alex]

thehighhomie,

Ну и чтобы другие компоненты могли иметь к нему доступ

ну можно в прототип засунуть

Vue.prototype.$myFabricCanvas = new fabric.Canvas(document.querySelector('canvas'), {...});

new Vue({...})

только хз, я не уверен что здесь вообще vue нужен. у вас тут dom-элементов нет. одни объекты на канвасе.

[thehighhomie]

Alex, это только часть приложения.