Rafael 🌵
насколько я понимаю
Oleg
Всем привет!
Стоит задача слать картинки на сервер. С загрузкой и отсылкой разобрался. Теперь нужно при инициализации компонента сеттить данные в дочерний компонент.
Застопорился на этом моменте что-то.
https://codepen.io/anon/pen/ZvzwzO
Rafael 🌵
Oleg
понимаю что через v-model
ℝei
пропсы
Oleg
иначе я бы не передал в родителя
Alexey
объясните мне, что вообще плохого в v-model? стоит ли от него избавляться в пользу v-bind?
Stanislav
Stanislav
объясните мне, что вообще плохого в v-model? стоит ли от него избавляться в пользу v-bind?
Или тебя смущает 2х binding ?
Alexey
v-bind - это только внутрь, а v-model - еще в обратную сторону?
Roman
v-model - это и есть v-bind вместе с v-on
Rafael 🌵
v-bind - это только внутрь, а v-model - еще в обратную сторону?
можно сказать, что это наалог .sync модификатора для пропсы
Stanislav
v-bind - это только внутрь, а v-model - еще в обратную сторону?
v-bind в одну сторону.
v-bind + emit event = v-model
В доке это есть
Stanislav
можно сказать, что это наалог .sync модификатора для пропсы
Сомневаюсь, что человек занает, что это
Alexey
я так понял, это к реактивности относится
Alexey
а если emit влияет на другие компоненты, то стоит выкашивать v-model, так как нужно аффектить еще и другие компоненты?
Roman
кто-то может помочь с vue-server-renderer?
Alex
Эмит на другие компоненты не влияет
Roman
кто-то может помочь с vue-server-renderer?
собирается без ошибок, при запуске "Content placeholder not found in template."
router-view в корневом компоненте в шаблоне висит
Alexey
Эмит на другие компоненты не влияет
да, я говорю не про случай емита в родительскую компоненту
через глобальную компоненту можно emit делать, если на всю систему влияет
ℝei
собирается без ошибок, при запуске "Content placeholder not found in template."
router-view в корневом компоненте в шаблоне висит
<!--vue-ssr-outlet-->
добавь в html
Alex
То ли у меня слишком простые кейсы в последнее время, то ли другие что-то усложняют всё 😅
ℝei
Alexey
бывает очень связняа система, передавать по цепочке компонент не всегда удобно
можно через глобальный стейт делать, будет чище
Stanislav
да, я говорю не про случай емита в родительскую компоненту
через глобальную компоненту можно emit делать, если на всю систему влияет
Эмит ни на что не влияет. Пока ты не слушаешь определенное событие
Nikita
Stanislav
ага
Nikita
и нету глобальных эммитов
Alexey
про sync понял, у меня не было опыта работы с Vue 1.x
Nikita
про sync понял, у меня не было опыта работы с Vue 1.x
оно появилось недавно, так что для всех ново
Alexey
This is why we removed the .sync modifier when 2.0 was released
Nikita
кто пришел сразу на 2версию
ℝei
в 2.3 вернули
Alexey
ага
In 2.3.0+ we re-introduced the .sync modifier for props, but this time it is only syntax sugar that automatically expands into an additional v-on listener:
Nikita
ага
In 2.3.0+ we re-introduced the .sync modifier for props, but this time it is only syntax sugar that automatically expands into an additional v-on listener:
если что дока на русском есть и она актуальная
Alexey
да какая разница, и так понятно
Kirill
у меня вопрос - вы страдаете от размеров bunlde или все просто забивают на это?
сейчас в проекте используем element ui , moment js и lodash
vendor.js получается в 950 кб.
по репорту только element ui на 550 кб
или я просто не умею что-то готовить?
Nikita
да какая разница, и так понятно
тут просто полно людей которые спешат наговнокодить и не могут даже найти доку на вью.
Nikita
Alexey
тут просто полно людей которые спешат наговнокодить и не могут даже найти доку на вью.
да мне не нужно говнокодить, пока времени в теории разобраться не было, основные моменты глянул, а последние изменения не знал
вот щас как раз немного разобраться решил
Nikita
ты не умеешь готовить
для лодаша есть либа под бабель, которая позволяет улучшить shaking tree( ну точней за тебя переписывает импорты)
для момента нужно вырезать не нужные языки
Alexey
спасибо за помощь :)
Nikita
в элемент ui вроде тоже есть либа для бабеля, которая позволяет вырезать лишнее
Kirill
ну ок,лодаш
он сейчас в 90 кб, сейчас посмотрю точнее
Nikita
ну ок,лодаш
он сейчас в 90 кб, сейчас посмотрю точнее
я уверен, что момент больше всего у тебя место забирает
Roman
<!--vue-ssr-outlet-->
добавь в html
верно, спасибо, не тот html файл кидал в createBundleRenderer..
Kirill
я тоже в этом уверен) модуль для вебпак искал, не нашел
Kirill
китайский даже учить пробовал
Nikita
я тоже в этом уверен) модуль для вебпак искал, не нашел
там не модуль используется, а плагин вебпака contextreplacement
Kirill
стоп не момент
а element
moment.js я вырезаю все лишнее через ContextReplacementPlugin
Kirill
50 кб moment
Kirill
element ui при этом 530
идея в том, чтобы порезать ненужное через ContextReplacementPlugin?
Nikita
только для момента
Nikita
в element-ui
Nikita
http://element.eleme.io/#/en-US/component/quickstart
Nikita
babel-plugin-component
ℝei
element ui при этом 530
идея в том, чтобы порезать ненужное через ContextReplacementPlugin?
у тебя это не минифицированный?
Kirill
минифицированный, но там весь ui
ℝei
чет дохера)
ℝei
еще лодеш много жрет кст. я так и не понял как в нем нормальный тришейкинг делать без еще каких то левых плагинов
Kirill
дохера
вариант с babel-plugin-component годный
только надо помнить что тебе надо, а что нет
Kirill
захотел нотификацию - добавил
Stanislav
у меня вопрос - вы страдаете от размеров bunlde или все просто забивают на это?
сейчас в проекте используем element ui , moment js и lodash
vendor.js получается в 950 кб.
по репорту только element ui на 550 кб
или я просто не умею что-то готовить?
У меня так же, element-ui дофига весит, но сейчас для меня это не особо важно.
Думаю, пофиксю это выпиливаем element-ui :)
Kirill
счас проведу тест с выпиливанием
Oleksandr
У меня так же, element-ui дофига весит, но сейчас для меня это не особо важно.
Думаю, пофиксю это выпиливаем element-ui :)
Он кстати ж модульно вытягивается
Oleksandr
Там в доках есть об этом
Oleksandr
Вполне прилично урезался
Roman
кто-то может подсказать либу по типу draggable-resizable с поддержкой SSR?
Oleksandr
Да ладно. 1 вебпак плагин и 3 строчки в package.json
binary
слушайте, а есть вообще где-нить на просторах сети табличка сравнения популярных либ компонентов для вью?
Stanislav
Окей. Очень может быть :)
ℝei
кто-то может подсказать либу по типу draggable-resizable с поддержкой SSR?
зачем тебе такие плагины рендерить на сервере? пиши их в process.browser