Я надеюсь пары десятков докладов за последние 3 года на куче конференций в СНГ, принятый доклад на HolyJS и лекция по вью с 12000 просмотров на ютубе достаточный proof of experience

Почему первый раз не срабатывает слушатель эвента после переключения компонента (через component :is)? Набросал пример иллюстрирующий это поведение: https://jsfiddle.net/1s4vtk6k/39/ Должен срабатывать после первого нажатия на edit, но работает только после второго. Если убрать динамическое переключение компонентов, работает на ура.

ох изучаешь vue и все больше кайфуешь от него ?

Vue или Angular?

Vue или Angular?

vue

если ты думаешь, что да ну кто на нем пишет? то вот: https://medium.com/elemefe/upgrading-ele-me-to-progressive-web-app-2a446832e509

Интересно, что ответили в группе про Angular

Интересно, что ответили в группе про Angular

Наверное топят за четвертый)

Наверное топят за четвертый)

а по поводу 2\4 можно у Ильи спросить )0))

?

Я планирую с июня на ютубе еженедельные видео делать про вью

Я планирую с июня на ютубе еженедельные видео делать про вью

а что там будет рассказываться?

Аля чего произошло, интересные вопросы, какие компоненты прикольные

до вот этого дойдет?

Я планирую с июня на ютубе еженедельные видео делать про вью

я буду у тебя))

подпишусь обязательно

Я планирую с июня на ютубе еженедельные видео делать про вью

говори канал

свой

Потом

Окай

ток незабудь

Та тут анонс будет

Будет интересно:)

Почему первый раз не срабатывает слушатель эвента после переключения компонента (через component :is)? Набросал пример иллюстрирующий это поведение: https://jsfiddle.net/1s4vtk6k/39/ Должен срабатывать после первого нажатия на edit, но работает только после второго. Если убрать динамическое переключение компонентов, работает на ура.

Где отцы фронтенда? :) Ни у кого не было подобных проблем с vuejs?

Где отцы фронтенда? :) Ни у кого не было подобных проблем с vuejs?

Потому что edit до тех пор еще не монтировался и обработчик обновления не навешивался, вот и в первый раз он только смонтировался и не алертит

а разве кто-то не знает канал его на Ютубе ?

@alex_sokolov хм, как тогда обойти этот момент? или каким образом решается заполнение модели данными после переключения?

может вообще моя затея с глобальным EventBus'ом здесь не подходит?

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

с шиной мне кажется усложнили только задачу

Я планирую с июня на ютубе еженедельные видео делать про вью

круууууто напомнило подкаст "5 min react"

с шиной мне кажется усложнили только задачу

в реальности, компонент (таблица с кнопкой edit) который кидает событие никак не связан с компонентами форм добавления и редактирования. Не представляю, каким образом это можно прокинуть через props.

всмысле никак не связан, все же внутри одного корневого инстанса

в принципе можно и не создавать было отдельную шину, а просто в $root эмиттить события, и там же прослушивать их

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

и еще, user_updating эмиттится с данными, а в on уже просто сам факт что событие произошло слушается, а данные с событием не используются

а, там и не нужно вроде

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

а можно подробнее? интересно.

а можно подробнее? интересно.

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

Я планирую с июня на ютубе еженедельные видео делать про вью

А не думаешь сделать подкасты а-ля 5minreact ?

5-10 мин формат о новостях, короткие how to и хорошие практики?

Ну и новости

всмысле никак не связан, все же внутри одного корневого инстанса

вот есть такая вложенность: Users (Table, (UserActions (Add, Edit))) В Table есть кнопка редактирования, по её нажатию вызывается метод handleEdit(user) обработки. UserActions - компонент-переключатель между Add/Edit, в зависимости от того, что было нажато. Надо, чтобы запустился UserActions, переключил на Edit компонент и передал в него данные в модель формы из handleEdit(user). Не понимаю, как в обратку перетащить данные в Users и затем пробросить их до Edit.

Подскажите пожалуйста мне нужно вывести данные переданные в слот без экранирования...как это можно сделать?

Подскажите пожалуйста мне нужно вывести данные переданные в слот без экранирования...как это можно сделать?

v-html

Подскажите пожалуйста мне нужно вывести данные переданные в слот без экранирования...как это можно сделать?

V-html

<slot v-html>

?

Доки, первые странички гайда.

врядли так сработает

я знаю про v-html не понял как его со слотом использовать

<slot><div v-html></div></slot>

А галп вообще забудь как страшный сон

А мне вот нравится. Нравятся простые решения, ничего не могу с собой поделать. А WebPack таким не выглядит.

Так не сработает. Вешаешь на элемент в котором слот. Скорее так. (Могу ошибаться)

<slot><div v-html></div></slot>

что передано в слот заменит див

Так не сработает. Вешаешь на элемент в котором слот. Скорее так. (Могу ошибаться)

спасибо, ща попробую

А мне вот нравится. Нравятся простые решения, ничего не могу с собой поделать. А WebPack таким не выглядит.

Вебпак даже во 2 версии усложнен. А доки для роботов так и остались.

Вебпак даже во 2 версии усложнен. А доки для роботов так и остались.

Это сарказм, или просто поддерживаешь мои предположения? ?

что передано в слот заменит див

блин, да)) Ну вы поняли, что я хотел сказать

Вебпак даже во 2 версии усложнен. А доки для роботов так и остались.

Хаа, а у rollup их и нет почти

Вебпак отстой.

<Post :title="p.title" :description="p.description" :datetime="p.datetime" :category="p.category" :pk="p.pk"> <div v-html="p.content"></div> </Post>

сработало

ERROR: S client not available

ага

Отлично.

Вебпак отстой.

Холивара ради? Или не против поделится мнением? А тот я ничего конкретного сказать не могу (кроме мол переусложненный).

еще вопрос, можно ли v-html оформить в качестве фильтра? мне кажется будет удобно делать аля {{variable |v-html }}

?

https://github.com/vuejs/vue/issues/4352

https://github.com/vuejs/vue/issues/4352

оэто о другом) здесь жалуются что мол не работает сырой хтмл с фильтрами

но все равно спасибо

А ты о каком v-html? Я наверное не понял.

Комменты читал?

А ты о каком v-html? Я наверное не понял.

я спросил можно ли поведение v-html сделать при помощи фильтра

очень удобно мне кажется было бы

Не холивара ради. Посади Джуна умеющего в английский разбираться с вебпаком. И посади его разбираться с любой другой технологией и посмотри на выхлоп. Все грустно будет.

я джун. все грустно ))

я совсем новичек в js, прочитал доку про вебпак, посмотрел уроки от ильи на javascript.ru - сейчас использую и радуюсь

конечно может не все знаю но вполне работает

очень удобно мне кажется было бы

{{{<br />}}}

{{{<br />}}}

3 { выводят содержимое не экранированным? или вообще не воспринимают переменные?

конечно может не все знаю но вполне работает

вот тебе задачка - есть в css переменные (css ные же). Но они хреново работают в ie. надо их подменить при сборке на реальные данные

Это для v.1 ?

Не знал что в v.2 перешли на v-html

Погуглил насчет raw html. Похоже его перенесли в атрибут v-html для понятности что там происходит.

вот тебе задачка - есть в css переменные (css ные же). Но они хреново работают в ie. надо их подменить при сборке на реальные данные

я бы посмотрел в сторону существующего loader'a с такими возможностями, либо написалл свой.

для вебпака ненашел существуещего

А я просто использую SASS, и собираю Gulp'ом для всех браузеров

вот тебе задачка - есть в css переменные (css ные же). Но они хреново работают в ie. надо их подменить при сборке на реальные данные

я если честно тоже sass использую

А я просто использую SASS, и собираю Gulp'ом для всех браузеров

ну примерно так в итоге я и сделал

только у меня stylus

ну gulp для меня оказался проще, быстро собирал перекомпилировал, с вебпаком надо дольше изучать, ну это скорее из за плохо прокаченных скил в целом по js и этим сборкам, но может что то не так настроил, но изменяю css и сколько идет перекомпиляция, что то как то долго..

Вопросец. К примеру у меня есть функция в которую мне надо передать название свойства, которое находится внутри data() { return { someProperty: false } } как мне зная только имя свойства, обратится к нему из функции?

Я раньше вообще когда под Django пилил настраивал там самогенерацию (с кешированием). В итоге деплоил просто проект, без всяких сборок. А при первом обращении к файлу он генерировался и кешировался. Все работало как часы. А сейчас понапридумывали WebPack'ов, Browserify'ев, и вообще ненавижу ентропию ?

Вопросец. К примеру у меня есть функция в которую мне надо передать название свойства, которое находится внутри data() { return { someProperty: false } } как мне зная только имя свойства, обратится к нему из функции?

А где функция эта?