Вот сделал синтетический примерчик https://pastebin.com/zQ3rDKY0

Если в отладчике его смотреть то starPosition при движении мышкой меняется отлично. Если раскомментировать вот эту строку <div>{{starPosition}}</div> то все сбрасывает на нули.

Сейчас на фидл какой нибудь сделаю

Вот сделал синтетический примерчик https://pastebin.com/zQ3rDKY0

http://playcode.io/dhfv23

http://playcode.io/dhfv23

Спасибо. Но теперь еще более странное поведение у меня. Там плейкоде все по другому. Сейчас распишу.

А. Ну в целом понял.

да, вижу, действительно поведение необычное, сейчас подумаю в чем может быть причина

Вот то что отмечено стрелочкой при запуске не воспроизводится. Т.к. похоже не обрабатывается if при старте приложения. И это дело просто возвращает else и больше к этому свойству в цикле приложения не обращается. При этом если тупо открыть отладчик и выбрать рут то видимо приложение как то переинициализируется этим отладчиком и в этот цикл все таки заходит и цифири начинают бегать все хорошо. Поэтому в интернет версиях типа jsbin весь этот код ничего показывать не будет. Только с отладчиком. Почему при подключении любого вотчера будь то явная функция или попытка рендеринга в шаблон даже и такое поведение останавливается не понятно.

очевидно это связано с тем что computed свойства кешируются

очевидно это связано с тем что computed свойства кешируются

Вполне

Это кеширование интересно можно отключить?

вообзе логика запутанная. computed пересчитывается каждый раз когда меняется одно из используеых в нем реактивных свойств (из data)

но у вас этого в computed нет

this.blockPosition.x постоянно меняется

в starPosition не используется this.top или this.left

сейчас приведу пример

А. Т.е. должна быть четкая зависимость от дата?

да

Тоже самое

вот так работать будет

вот так работать будет

:) это понятно. Почему тут то такое замысловатое поведение.

а this.$refs["icon"] по мнению vue не поменялся (потмоу что его нету в data)

он и не пересчитывает

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

он и не пересчитывает

Когда начинаешь смотреть в отладчике все пересчитывает

Вот это начинает срабатывать только если жмакнуть в дебагере <Root>

у меня на вашем примере в дебагере не пересчитвает, однако если нигде не использовать starPosition а только консоль лог печатать - тогда пересчиывает - согалсен это странно

видимо кэширвоание подключают толкьо в том случае если нужна перерисовка дома

видимо кэширвоание подключают толкьо в том случае если нужна перерисовка дома

похоже надо в исходники сходить

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

проксик отработал и компьютед посчитался

debugger надежнее )

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

это я считаю весьма отрицательное качество. Дебагер который добавляет ошибок :(

debugger надежнее )

Ну так то тут тулза официальная и типа надежная должна быть.

Тем не менее это тоже браузерный js который работает в том же окружении, и отделить его от клиентского кода сложно. но и такой дебагер облегчает жизнь

Тем не менее это тоже браузерный js который работает в том же окружении, и отделить его от клиентского кода сложно. но и такой дебагер облегчает жизнь

На самом деле дебагер весьма себе неплохой.

Но доверять я ему теперь не буду :)

?

?

это не туда написал 😁

есть реактивный building:[]

если JSON.parse(json).forEach(function(building){ self.building.push({ id:building.id... }); })

то работает как должно, изменения в массиве тут же отображаются в html

если JSON.parse(json).forEach(function(building){ self.building[building.id] = { id:building.id... }; })

то реактивность пропадает

почему?(

Потому что документацию надо читать

https://vuejs.org/v2/guide/reactivity.html

Всем хорошего рабочего настроения! Кто что использует для заглушки данных? Допустим в Ember есть Mirage https://guides.emberjs.com/v2.16.0/tutorial/installing-addons/#toc_ember-cli-mirage. Есть что-то такое для Vue?

Всем хорошего рабочего настроения! Кто что использует для заглушки данных? Допустим в Ember есть Mirage https://guides.emberjs.com/v2.16.0/tutorial/installing-addons/#toc_ember-cli-mirage. Есть что-то такое для Vue?

Привет. Специально для Vue ничего такого нет.

ну т.е. ты волен выбирать любой инструмент.

ну т.е. ты волен выбирать любой инструмент.

есть примеры? лучшее на практике

Можно мокать запросы с jest через vue-test-utils

Но это только для тестов

И немного не то, что ты просишь

Т.е. ты можешь для post, get,... написать свою обертку и там мокать ответы

есть примеры? лучшее на практике

я, наверна, всё елаю неправильно, но делаю моки вне тестов прямо в экспресс.

т.е. в ноде

Т.е. ты можешь для post, get,... написать свою обертку и там мокать ответы

что значит мокать? это использовать mocha?

Имею в виду, ставить соответствие запросов и ответов

Ребзь, кто-то видел презентации по vue?

Там jest юзается

Ребзь, кто-то видел презентации по vue?

Какие презентации? Конфа или вообще?

Всмысле обычные презентации для выступлений

ты цель скажи)

@beraliv создал сервер, который отдает на get, post данные.

Цель: внутри компании рассказать про вью, про разработку на вью (архитектура, все дела)

то ли здесь кидали, то ли я сам находил state of vue он больше с точки зрения "продать заказчику"

т.к. чисто программистского там маловато

@beraliv создал сервер, который отдает на get, post данные.

есть axios-mock-adapter, если используешь axios. Mimic.js для клиентской части, всякие Faker.js и т.д.

Цель: внутри компании рассказать про вью, про разработку на вью (архитектура, все дела)

ну и быстрый гуглеж навел меня на слайдшейр https://www.slideshare.net/DavidLien1/vuejs-introduction для примера - думаю, сойдет

https://cdn2.hubspot.net/hubfs/1667658/State_of_vue/State%20of%20Vue.js%20report%202017%20by%20Monterail.pdf и state of vue.js соответственно

Цель: внутри компании рассказать про вью, про разработку на вью (архитектура, все дела)

сам накидай ))) пагинация, все дела, реактивность, скомпиль прод и запусти одним файлом с флешечки))))

сам накидай ))) пагинация, все дела, реактивность, скомпиль прод и запусти одним файлом с флешечки))))

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

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

за аналитикой - по второй ссылке, там статистики всякой выше крыши

за аналитикой - по второй ссылке, там статистики всякой выше крыши

Да, спасибо, сижу, читаю

ну и быстрый гуглеж навел меня на слайдшейр https://www.slideshare.net/DavidLien1/vuejs-introduction для примера - думаю, сойдет

хм, у меня ни один из бразеров эту ссылку не отркывает, у всех так?

у меня открывает ок попробуй через шортенер https://goo.gl/fdL8L1