#12 Реализация реактивности - Vue.js: нюансы 

Это очень важное объяснение, к слову! Спасибо за контент 👍

Вот такие тонкости очень сложно отлавливать. Спасибо огромное за разъяснение!

Спасибо Вам, Илья. Фундаментальные знания в таких вещах крайне полезны.

Пожалуй завтра на свежую голову еще раз посмотрю. 😁

Понял то, что к этому видео нужно будет вернуться еще пару раз.

отличное видео такие тонкости объясняются - это дорогого стоит

Крутой контент. Спасибо!

Посмотрев видео второй раз, намного лучше всё понял:) Спасибо за подробное обьяснение

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

Фига себе!! Вот это объяснение) и такое красивое) получила удовольствие от просмотра)

Сегодня на собесе спросили этот вопрос, ответил неверно, сейчас для меня прям откровение)

Спасибо большое, стало все гораздо яснее!

Рад что начал с Vue тут хоть додзё .... а у тех кто пошел в React .... там Самураии и у них Камасутра.... Димыч там всех ...... во всех позах.

Курс просто бомба!!! Воистину it`s over 9000!!!!

Годний відос) Дякую)

Ты такой красавчик! Я как ребёнок тебя слушаю)😶‍🌫

Даже учитывая, что у меня уже есть опыт в разработке на Vue, было сложно следить за мыслью. Вторая версия, третья версия, геттеры, сеттеры, прокси, все в перемешано в едином чане. Контент отличный, но было бы круто поработать ещё над структурой подачи.

Лучшее объяснение, спасибо!

Розбійник - ключ до розуміння відмонності Вю2 від Вю3 ))

Чем дальше в лес, тем меньше желающих :D

Спасибо за контент! Очень полезное видео!

Илья, в этом видео все супер. Очень радует, что наконец в этом плане Vue начал вести себя ожидаемо. А в телеге так и не получил ответ на заданный вопрос ((

Дуже цікаво, дякую👍

Топ контент, спасибо Илья!

Замечательные видео! Спасибо!

Спасибо за крутое объяснение)

В подобных примерах Нужен заголовок!!! для vue2 `Vu2 ` и для vue3 соотв-щий Зы. приходится вспоминать контекст при переключении экранов с версиями vue - запутывает ....(отматываем назад слушаем - а это про ...vue2 ....) ибо не сразу заметил - см. url ...

Дуже круто, дуже дякую!

просто огонь=)) спасиб огромное=))

Написал похожий пример на Proxy. Он срабатывает только если я изменяю сам объект proxy напрямую: вставляю новый элемент массива или добавляю свойство. Последняя строка кода не приведет к выводу значения value в Консоле потому что изменяется внутренний объект. let proxy = new Proxy([{ a: 1}], { set(target, prop, value) { target[prop] = value console.log(value) return true } }) const obj = {a: '-'} proxy.push(obj) proxy[1].a = 10 Вью автоматически оборачивает не только корневые данные, но и все вложенные. То есть это обёртки рекурсивно оборачивающие данные в которых находятся другие обёртки с данными.

Спасибо за объяснение, было очень интересно и информативно. Как раз хотел начать изучать вью после реакта. А как освоюсь с первым, попробую и Angular.

а вот это - интересно )

🔥🔥🔥

Прикольно)

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

Спасибо

Уже пердставил боль переноса крупного проекта с Vue2 на Vue3 😭

Правильно ли я понял, что Вью3 теперь по "реактивности" больше похож на Реакт, чем на Вью2? Какая разница, использовать this.foo = bar или this.set('foo', 'bar'), если origObj.foo = bar не работает. Вы же сами говорили, что возможность не знать ничего про Вью, то есть про this, это основное отличие Вью от Реакта?

MERCI MERCI MERCI

А я когда пробовал работать с Vue 3 думал что он сломанный :)

жесть

во что превращается прокси когда бабель компилит его для старих браузеров?

вот то, что попало за "мембрану" не ссылается уже на newItem как вы нарисовали, а есть его не тождественная копия. Вы же сами показали в коде console.log(this.items[this.items.length - 1] === newItem) FALSE Из-за чего изменения в newItem никак не отображаются в его копии за "мембраной". А вообще в данном случае отсутствие явной типизации в языке иллюстрирует как на ровном месте заработать себе кучу проблем. Потому как в версии 3 массив уже не массив, а Proxy и поведение коренным образом отличается, а понять ето просто читая код нет никакой возможности.

А что не так с codepen???

Спасибо! Нет возможности сейчас смотреть, видео останутся на RU-vid?

Vue3 есть перемена создана через reactive ```js if ( state.paramsGames.Txt.substr(0, 1) === "Q") // так реактивность computed теряется ``` так нет ```js const Txt = state.paramsGames.Txt; if ( Txt.substr(0, 1) === "Q") ``` В чем разница?

Вопрос по поводу ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tt6VERYoBwE.html Когда мы напрямую изменили newItem, что произошло с объектом обернутым в прокси? Насколько я понял, его значение тоже изменилось, но в обход прокси, поэтому хоть и не сработала реактивность, но само значение в объекте внутри прокси поменялось? Если мы сравним значения поля price у newItem и у последнего элемента в this.items, то оно будет одинаковым?

Vue 2 - розбійник)

Розбійники тут?

Через два дня на собес должен идти по vue middle рол года как не работал с vue только react что будет фиг знает)))))

Объясните пожалуйста, как вывод в консоль перед пушем в объект, вывел содержимое, когда его там еще не должно быть:?

Так, ну а во Vue4 на чем будет реализована реактивность после проксей Vue3 ? )

С первого и двоимого раза не понял. Вернулся снова через 3 дня и как понял)

А как же в .Net web приложениях(на сервере по крайней мере)? Там всё жёстко типимизированно, в массив items нельзя добавить значение foo не описав его в интерфейсе. Это я клоню в сторону жёсткой типимизации , с целью контроля качества кода.

Короче я понял. У сеньоров есть такая забава - придумывать себе проблему и потом пытаться ее решить. Весь сыр бор из-за того что он создал новый объект за пределами data и его изменяет

Получается вью3 старые браузеры не поддерживают? А как же ие10 и андройд 4.2? Для бизнеса это важно, никто не хочет терять дополнительных клиентов.

Интересно, а Минин эти ньансы объясняет? вопрос риторический =)

Ну его нафиг это ваш codesandbox

Что бы понять, что говорит Профессор.... сперва почитай что говорят кандидаты и доктора внизу в комментах Нельзя было немного структурировать? и этот детский лепет-обсуждение с самим собой немного отвлекает. Сам материал взрыв мозга!

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