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

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

VueJS & fabric.js: как добиться реактивности?

можно еще у вас спросить по поводу компонентов, я видел такие решения и подобные https://github.com/purestart/vue-fabric

имеет ли смысл так заморачиваться?

VueJS & fabric.js: как добиться реактивности?

круто, спасибо)

VueJS & fabric.js: как добиться реактивности?

Василий Варюхин, да) спасибо вам) я благодарен очень) ниже 0xD34F дал самый короткий вариант)

VueJS & fabric.js: как добиться реактивности?

Василий Варюхин, :D

VueJS & fabric.js: как добиться реактивности?

Василий Варюхин, ну я только что разобрал пример ваш, реактивность в нем вообще не используется - массив elems не изменяется, вы просто убрали мутацию... можете примерно набросать как вотч описать?

VueJS & fabric.js: как добиться реактивности?

Круто) спасибо) можно еще тогда спросить на счет производительности? Я вижу, что цикл в методе "render" вызывается каждый раз при добавлении элемента, хоть элемент добавляется 1, но цикл же все равно проходит как я понимаю? Если элементов около 200 (не больше), будут проблемы?

VueJS & fabric.js: как добиться реактивности?

imhuman, это плохое решение, вы же видели у меня есть цельный канвас, который содержит внутри себя элементы. я вот что нашел https://github.com/sunyatasattva/vue-fabric что можете сказать о этой реализации?

VueJS & fabric.js: как добиться реактивности?

Понял что вы имеете ввиду, кроме того, что каждый раз, когда добавляется элемент, должен добавляться и новый канвас, но он не добавляется, это как? Я знаю, что vue оптимизирует DOM, но это по сути рендер списка, и канвас должен каждый раз добавляться новый, еще и ключ у каждого элемента списка разный (index).

Может просто в песочнице криво отображается, а на самом деле не в песочнице будет много элементов канваса?

VueJS & fabric.js: как добиться реактивности?

где работает?)

VueJs: не изменяются реактивные переменные на лету?

0xD34F, ну да, я конкретно в этом случае пытаюсь понять как это работает. у меня часто такие проблемы появляются, я их решал все время в хуке updated, с проверкой на переменную (изменилась или нет) а тут updated не поможет уже.

Вы сейчас пытаетесь идти путём говнокодера - вместо того, чтобы понять основы хотите получить рецепт действий в каком-то частном случае.

я как раз и пытаюсь понять

VueJs: не изменяются реактивные переменные на лету?

0xD34F,

Неужели вы и впрямь ждёте, что я буду досконально изучать ваш код? Нет, так не будет.

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

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

VueJs: не изменяются реактивные переменные на лету?

0xD34F, спасибо! дошло) получается мне теперь в обработчике update (в файле App.vue) можно убрать this.transformer.defaultAspectRatio = false и this.transformer.defaultAspectRatio = false, так как переменные нужно менять до начала перетаскивания, при старте? иначе не обновятся данные. так?

VueJs: не изменяются реактивные переменные на лету?

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

VueJs: не изменяются реактивные переменные на лету?

Даниил Попов, согласен)

VueJs: не изменяются реактивные переменные на лету?

Даниил Попов,

при первом движении левого и правого полузнка высота отправляется неизмененной

потому, что переменные выставленые в true

VueJs: не изменяются реактивные переменные на лету?

thehighhomie, в общем я столько песочниц создал и запутался в них. в общем я привел код в такое состояние https://codesandbox.io/s/p7mzl30rnm

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

дело в том, что я еще назначал переменные только при нажатии кнопки а не при апдейте, там тоже не работало(

VueJs: не изменяются реактивные переменные на лету?

Даниил Попов, да. я по всякому пробовал. посмотрите эту песочницу строка 123. а на следующей строке console.log который показывается, что переменная сразу получает значение, и текст который должен по умолчанию увеличиваться, после присваивания в 123 строке не увеличивается. все работает и без $nextTick и вообще без ничего....

VueJs: не изменяются реактивные переменные на лету?

у меня все переменеые реактивны, я читал эту статью.

Помощь в небольшом js коде?

Владимир Проскурин, здравствуйте! не могли бы вы поделиться знаниями в этом вопросе Трансформации: сбивается опорная точка после rotate?