Завтра
ну и хуй с ним
Андрей
Светильник своими руками. Как сделать светильник своими руками.
http://www.diy.ru/post/2697/
ℝei
круто и полезно
Nikita
Всегда мечтал сделать светильник.
Rafael 🌵
Короче есть компонент <MyComponent :data="data"/>, где дата это объект типа
{
P1: 3,
P2: [1,2,3],
P3: "value"
}
В компоненте делаю Objekt.keys и каждое значение свойства попадает в <ChildComponent />. В данном случае их будет 3, так как 3 свойства.
И если я делаю копию объекта data, через JSON.parse(JSON.stringify) то какие <ChildComponent> вызовут перерендер?
Во всех, потому что ты передаешьсб новые объекты
Rafael 🌵
parse/stringify вырезает обсерверы
Обсерваблы за изменений внутри объекта, а не самого объекта
Rafael 🌵
Хм. прикольно, вы там пояснили 🤔
Rafael 🌵
This is expected behavior, you've changed the identity of the array / mutated it, so the watcher should be triggered.
ответ эвана) походу старая тема
А это откуда? Кажется, пора пересматривать исходники
Rafael 🌵
Там наверняка что-то с строгим равенством будет
Rafael 🌵
vue/index.js at dev · vuejs/vue
https://github.com/vuejs/vue/blob/dev/src/core/observer/index.js#L170
Rafael 🌵
Да, действительно так, но это не умные алгоритмы, и не рокет саенс, а просто особенность самого языка
Anonymous
Рыбята, когда вам надо прокинуть данные и обновлять их изменения реактивно, юзаете пропсы или через стор?
Anonymous
При этом компоненты могут быть не связаны иерархией, только через основной компонент
Rafael 🌵
При этом компоненты могут быть не связаны иерархией, только через основной компонент
Если компонент много - то стор
Roman
Rafael 🌵
https://github.com/vuejs/vue/blob/dev/src/core/observer/watcher.js#L185
Зачем это?
Rafael 🌵
Хендлить ошибки? Чёт странно
Lev
как vue узнает, от чего зависит метод?
Lev
Ты вот когда пишешь computed, ты обращаешься внутри него к store.
При обнволении данных в store, пересичтывается только тот computed, в котором был вызов соответствующего элемнета из store. Ведь так? =)
Rafael 🌵
Не всегда конечно, но да
Lev
Ну вот как он узнает какой computed надо пересчитать? Он как то лезет и анализирует код? Вызовы?
Lev
Что значит не всегда?
Rafael 🌵
Смотри, во вью система реактивности сделана на getters и setters
Rafael 🌵
Когда ты подгружаешь реактивность, то у каждого элемента есть запись о подписках на себя
Rafael 🌵
Когда ты вызываешь set и изменяешь значение, начинается процесс уведомления подписчиков, о том, что значение изменилось и идёт пересчет в итоге
Lev
Как подписчики добавляются?
Lev
И подскажите draggable windows для vue =) Я как понимаю, можно просто любой draggable+resize прикрутить к диву, и оформить появление дива, закрытие и прочее
Или, как подписаться на событие обнволения store извне? Вне компонента. Если это вообще вохможно, в чем я не совсем уверен.
Rafael 🌵
Для computed я не разбирался пока что
Пока что знаю, что их можно добавить через $watch
Anonymous
Ребят, а как правильно подключить underscore.js? Делаю через однойфайловые шаблоны
Anonymous
vue-cli webpack simple
Victor
просто import во все компоненты где он нужен
Anonymous
спасибо, щас попробую
Anonymous
сразу в main.js
Victor
а там он зачем? во вью файлы компонентов импорти
Anonymous
Подскажите, как перенести на хостинг проект блога vue + mongodb?
Victor
ну разве что он и правда нужен в main.js для чего-то
Anonymous
а там он зачем? во вью файлы компонентов импорти
ну я хочу его использовать везде, какая разница, он ведь 1 раз заимпортится и все, потом можно будет везде его юзать, или я не прав?
Victor
нет, надо в каждый компонент импортить
Victor
глобально тоже вроде как-то можно, но это типа бед практика
Anonymous
нет, надо в каждый компонент импортить
а если я в 10-ти компонентах буду его импортить, вебпак ведь потом его всего лишь 1 раз засунет и все?
Victor
да
Anonymous
что бы не вышло большого веса
Victor
можно даже отдельные методы импортить
Victor
только нужные в компоненте
ℝei
вот и нет.. если импортить в каждый компонент то он в каждый его и импортит насколько мне известно. поэтому не стоит так делать либо импортить отдельные его методы
ℝei
покрайней мере с лодашем у меня так
Victor
import { debounce } from lodash типа такого синтаксис
Anonymous
Victor
вот и нет.. если импортить в каждый компонент то он в каждый его и импортит насколько мне известно. поэтому не стоит так делать либо импортить отдельные его методы
я слышал другую инфу, как ты себе представляешь, типа он просто код дублирует?
ℝei
а ты посмотри сам, если у тебя вебпак разделяет компоненты на отдельные js файлы на выходе. импорти туда vue и он в каждый компонент засунет vue
ℝei
самый простой пример аксиос
Victor
да, ты прав
Oleksandr
Oleksandr
Р а з б и в а е т
Oleksandr
Что логично
Victor
https://webpack.js.org/guides/code-splitting/#prevent-duplication
Oleksandr
Если использовать просто бандл
Oleksandr
То хоть миллион раз импорт
ℝei
в вебпаке делать надо externals для глобальных либ
Victor
ну там по идее есть tree shaking и он и так в чанк добавляет только нужное, так что весь лодаш там вряд ли будет дублироваться на каждый компонент
Victor
но вот 1 и тот же метод заюзанный в двух чанках как я понял может дублироваться если не указать ему явно что это common chunk
ℝei
ну там по идее есть tree shaking и он и так в чанк добавляет только нужное, так что весь лодаш там вряд ли будет дублироваться на каждый компонент
говорят тришейкинг не оч правильно работает)
Victor
кстати сюда скидывали уже новость что вордпресс отказался от интеграции с реактом из-за лицензии?
Завтра
Хуйни понаписал
Victor
так что там будет или вью или преакт
Завтра
У меня бы либа мегабайт весила тогда
Завтра
С твоей логикой
ℝei
какой хуйни? говорю то, что вижу в своем проекте
Victor
ну это наверно tree shaking отрабатывает, дублирование таки возможно, я выше линк на доку вебпака скинул
ℝei
аналогично
Завтра
И у тебя то же самое было бы
ℝei
я поэтому эти ваши лодаши и не хотел брать