А как же он видит изменения? ))))

ты че из ангуляра сбежал?

а если у тебя список?

ты че из ангуляра сбежал?

Ну ответь же мне друг )

Ну ответь же мне друг )

через set, get свойства обьекта

Как Вью видит изменения

Есть еще https://vueds.com/, но события оно вроде не показывает

https://github.com/vue-styleguidist/vue-styleguidist

да вот крутой

пытаюсь понять

https://ru.vuejs.org/v2/guide/reactivity.html#ad

@pnkbizz читай

вникай

умней

А как же он видит изменения? ))))

Он навешивает на свойства объекта свои геттеры и сеттеры. Когда дергается сеттер, происходит пересчет зависимостей и вью вызывает рендер. Это в общем

В силу ограничений современного JavaScript (и отказа от Object.observe), Vue не может отследить добавление или удаление свойства объекта.

Это почему так?

В силу ограничений современного JavaScript (и отказа от Object.observe), Vue не может отследить добавление или удаление свойства объекта.

да

Потому что ссылка не изменяется

А знаешь что в роадмапе? Proxies

Это почему так?

Потому что на момент инициализации геттеров/сетеров, поля в объекте нет. Вешать не на что

И объекты будут меняться

Причем тут ссылка?

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

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

Никит, с незнакомыми людьми надо уважительно общаться. С возрастом поймешь

Никит, с незнакомыми людьми надо уважительно общаться. С возрастом поймешь

Давай без вот этого только, ок?

Никит, с незнакомыми людьми надо уважительно общаться. С возрастом поймешь

?‍♂️

dirty-checking popugai.

dirty-checking popugai.

ну хватит

ну хватит

+

Итак, попробую доходчиво: 1. Мы объявляем свойства в дате, примитивы и объекты 2. Вью навешивает на них вотчеры 3. При изменении - перерисовывает дом, правильно?

Итак, попробую доходчиво: 1. Мы объявляем свойства в дате, примитивы и объекты 2. Вью навешивает на них вотчеры 3. При изменении - перерисовывает дом, правильно?

да

Когда мы меняем примитивы - меняется ссылка на примитив и Вью сразу же видит изменения. Когда мы меняем поле у объекта - ссылка остается той же самой, поэтому для изменения объекта мы должны пользоваться кострукцией Vue/set

То же самое с массивами, с той лишь разницей, что Вью подменяет часть методов

Поэтому push и тд работают реактивно

Когда мы меняем примитивы - меняется ссылка на примитив и Вью сразу же видит изменения. Когда мы меняем поле у объекта - ссылка остается той же самой, поэтому для изменения объекта мы должны пользоваться кострукцией Vue/set

Не так. Знаешь как геттеры/сеттеры работают?

Сейчас идет работа над внедрением прокси, это даст возможность менять объекты реактивно, но уберет поддержку ие

Да знаю я как все устроено во Вью. Но чтоб геттер сработал - Вью должен знать, что изменения произошли! )))

Да знаю я как все устроено во Вью. Но чтоб геттер сработал - Вью должен знать, что изменения произошли! )))

Очень сильное утверждение

Давай я задам тебе вопрос, на который ты не знаешь ответ

Ну не все )))

Тогда слушай Стаса - он хуйни не скажет

@Fl0pZz но разве я не верно толкую?

@Fl0pZz но разве я не верно толкую?

Нет, не верно

Не так. Знаешь как геттеры/сеттеры работают?

Этот вопрос для тебя актуален

вью не проверяет ссылки, он реагирует на эвенты которые создают геттеры и сеттеры.

Тогда слушай Стаса - он хуйни не скажет

* но это не точно ?

А эвенты создаются когда? Допустим у нас задан в дате a: 0, b: {} Мы в методе меняем a = 1, b.c = 2 для a эвент стрельнет, для b нет, правильно?

А эвенты создаются когда? Допустим у нас задан в дате a: 0, b: {} Мы в методе меняем a = 1, b.c = 2 для a эвент стрельнет, для b нет, правильно?

Да

Подойдёт но второе дешевле

Спасибо, шторм просто уже есть, а по проекту с vue надо начать работать

Ребят, кто использовал styled components внутри Vue - есть ли смысл или проще пойти через css модули? Так то я в реакте стайлед фан, но тут из-за шаблонизатора оно выглядит слегка избыточно, но душа, так сказать, уже лежит к стайлед

Ребят, кто использовал styled components внутри Vue - есть ли смысл или проще пойти через css модули? Так то я в реакте стайлед фан, но тут из-за шаблонизатора оно выглядит слегка избыточно, но душа, так сказать, уже лежит к стайлед

Оверхед 9999

А эвенты создаются когда? Допустим у нас задан в дате a: 0, b: {} Мы в методе меняем a = 1, b.c = 2 для a эвент стрельнет, для b нет, правильно?

Но если ты сделаешь this.b = {c: 2}, то тоже "стрельнет". Потому что сработает сеттер на b

Но если ты сделаешь this.b = {c: 2}, то тоже "стрельнет". Потому что сработает сеттер на b

Да, потому что ты меняешь ссылку на объект

Да, потому что ты меняешь ссылку на объект

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

ну а срабатывает-то он почему?

Из за присвоения

ну а срабатывает-то он почему?

потому что он там есть

а почему не срабатывает в первом случае?

а почему не срабатывает в первом случае?

b.c ?

да

а почему не срабатывает в первом случае?

Потому, что при присвоении, Вью обходит свойство рекурсивно

да

Потому что поля c нету изначально. Вью не навесил на него сеттер

День добрый. Как решаете проблему с большим разрешением изображений? На сервере gzip настраиваете или что-то др используете? Если какие-то конкретные модули для Nuxt?

День добрый. Как решаете проблему с большим разрешением изображений? На сервере gzip настраиваете или что-то др используете? Если какие-то конкретные модули для Nuxt?

Ну, тут вариант то везде одинаков -srcset

@c01nd01r Вот таким образом навешиваются геттеры/сеттеры, так? Object.defineProperty(obj, key, { enumerable: true, configurable: true, get:function(){ return value; }, set:function(newValue){ if(value !== newValue){ value = newValue; tellTheWorldIhaveChanged(); //somebody is watching! } } });

@c01nd01r Вот таким образом навешиваются геттеры/сеттеры, так? Object.defineProperty(obj, key, { enumerable: true, configurable: true, get:function(){ return value; }, set:function(newValue){ if(value !== newValue){ value = newValue; tellTheWorldIhaveChanged(); //somebody is watching! } } });

Да, через defineProperty

ERROR: S client not available

if(value !== newValue)

сравниваем ссылки

Привет, как лучше передавать значение из компонента с инпутом в родитель? Эмитеть ивент? Использовать sync? Или как то еще?

https://blog.cloudboost.io/reactivity-in-vue-js-2-vs-vue-js-3-dcdd0728dcdf

отсюда

if(value !== newValue)

вообще-то нет

если бы это были ссылки, то одинаковые литералы строк не были бы равны

Ну, тут вариант то везде одинаков -srcset

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

Кто-то использует image-webpack-loader? Есть ли смысл использовать или с этим справится gzip?

вообще-то нет

А как?

А как?

в случае строк это лексикографическое сравнение, в случае чисел, сравниваются числа по значению

а не по ссылке

Да, совершенно верно. Я не правильно выразился

По ссылке сравниваются объекты

По ссылке сравниваются объекты

коими примитивы не являются

Привет, как лучше передавать значение из компонента с инпутом в родитель? Эмитеть ивент? Использовать sync? Или как то еще?

Однонаправленный поток данных?

https://blog.cloudboost.io/reactivity-in-vue-js-2-vs-vue-js-3-dcdd0728dcdf

и почему этот пример не будет рабоать - потому что он абстрактный

И мы приходим к тому, что во Вью реактивны из коробки только примитивы, так?

полностью реактивны

И мы приходим к тому, что во Вью реактивны из коробки только примитивы, так?

ты код vue открывал вообще?

Я не знаю, что он пытается нам доказать.

Ладно, закроем тему )

https://github.com/vuejs/vue/blob/dev/src/core/observer/index.js#L134

Однонаправленный поток данных?

Кароч vuex смотреть, понял)

Кароч vuex смотреть, понял)

Если они родительские, то vuex выглядит избыточным решением

*родитель-потомок

Какие данные смотреть в результатах webpack-bundle-analyzer? Stat size или Gzipped size?

Gziped у тебя на беке может быть настроен слабей и или сильней, поэтому наверно лучше stat

Gziped у тебя на беке может быть настроен слабей и или сильней, поэтому наверно лучше stat

А как вы сжимаете изображения, файлы на продакшене?

Прогонял через tiny png и gzip

Прогонял через tiny png и gzip

А если пользователь загружает изображения, а потом они на сайте используются? Gzip?

Прогонял через tiny png и gzip

Но всегда отдаешь только один размер?