Как обработать клик по кнопке в дочернем компоненте? Пробросить колбек из контейнера (React-style) Или подписаться на событие клик (Angular way) ?

Как обработать клик по кнопке в дочернем компоненте? Пробросить колбек из контейнера (React-style) Или подписаться на событие клик (Angular way) ?

Второе. Это Vue-way

так назвал, чтобы аналогию провести (мне так проще объяснить)

спасибо)

так назвал, чтобы аналогию провести (мне так проще объяснить)

В доке про события написано)

Как обработать клик по кнопке в дочернем компоненте? Пробросить колбек из контейнера (React-style) Или подписаться на событие клик (Angular way) ?

сделать эмит из дочернего и подписпться в родителе

так назвал, чтобы аналогию провести (мне так проще объяснить)

Хорошая аналогия)

я так понял оба варианта работают, поэтому и хотел уточнить vue-way

так назвал, чтобы аналогию провести (мне так проще объяснить)

Во vue вообще очень редко нужно прокидывать методы родителя. И самое очевидное исключение - scoped slots

Коллеги, кто-нибудь воевал с реРендером contenteditable полей?

так назвал, чтобы аналогию провести (мне так проще объяснить)

В целом, во вью правило, которое в точности повторяет нативный HTML: аттрибуты вниз, события вверх.

если у поля v-html=«field_model» ?

Коллеги, кто-нибудь воевал с реРендером contenteditable полей?

воевал. Всё плохо, но небольшой костыль могу прислать.

буду признателен

y ng2+ такое же собсно правило )

Костыль сохраняет позицию курсора до и ставит после. Но это в целом немного затормаживает быстрое печатание. Там надо выдумывать, мудрить.

Мб вообще ререндер снимать оттуда.

y ng2+ такое же собсно правило )

И это замечательно) вообще констистентно всё, просто и ясно.

надеюсь в новых тасках на работе не будет реакта и забуду его как страшный сон вместе его редух "eco"-system

Где то можно пример увидеть такого кода?

https://codesandbox.io/s/9ylnor6w9p Вот так. Для того, чтобы не указывать propsData при создании экземпляра, сделана небольшая обёртка, но можно и немного по-другому обыграть

надеюсь в новых тасках на работе не будет реакта и забуду его как страшный сон вместе его редух "eco"-system

Аминь!

Аминь!

Аминь

Добрый вечер, столкнулся с проблемой. Как передать данные из Parent компонента в child компонент , при этом использовать router, vue.js начал изучать недавно, и встал тут в тупик, гуглил - ничего подходящего не нашел. 1. http://f6.s.qip.ru/GjeazUor.png 2. http://f1.s.qip.ru/GjeazUos.png 3. http://f3.s.qip.ru/GjeazUot.png

props

Добрый вечер, столкнулся с проблемой. Как передать данные из Parent компонента в child компонент , при этом использовать router, vue.js начал изучать недавно, и встал тут в тупик, гуглил - ничего подходящего не нашел. 1. http://f6.s.qip.ru/GjeazUor.png 2. http://f1.s.qip.ru/GjeazUos.png 3. http://f3.s.qip.ru/GjeazUot.png

А почему бы тебе не запрашивать данные в recent или где они тебе там нужны?

Добрый вечер, столкнулся с проблемой. Как передать данные из Parent компонента в child компонент , при этом использовать router, vue.js начал изучать недавно, и встал тут в тупик, гуглил - ничего подходящего не нашел. 1. http://f6.s.qip.ru/GjeazUor.png 2. http://f1.s.qip.ru/GjeazUos.png 3. http://f3.s.qip.ru/GjeazUot.png

вызывай экшин, в экшине вызывай мутация когда ответ придет

router же, или там тоже можно передать?

они мне не только в recent нужны

А почему бы тебе не запрашивать данные в recent или где они тебе там нужны?

подпиши нужный компонент на нужный стейт :))

Мутация?)

они мне не только в recent нужны

Где-то на другой странице?

Когда там Vue cli 3 из бетки выйдет?

Когда там Vue cli 3 из бетки выйдет?

хз

угу

Где-то на другой странице?

Мутация?)

да это я уже так стейт обозвал который мутировал

угу

Юзай реплаи. Бери Vuex

Юзай реплаи. Бери Vuex

реплаи?

реплаи?

да, вот эти реплаи. В телеграме

а

подпиши нужный компонент на нужный стейт :))

подробней можно?

подробней можно?

Покури доку по Vuex

подробней можно?

ты пользуешься vuex в vue?

нет

Ну и в целом, в сети уже куча инфы

нет

самое время начать

как только появляются асинхронные запросы к серверу, тебе нужен vuex

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

как только появляются асинхронные запросы к серверу, тебе нужен vuex

Зачем?

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

Лол, нет

Зачем?

я ж вышенаписал зачем

я ж вышенаписал зачем

Чтобы не запутаться в коде?

Чтобы не запутаться в коде?

это как минимум :))

это как минимум :))

Такой себе аргумент :)

Окей, буду значит разбираться с vuex. Посоветуете хороший видео курс по vue? Желательно на русском, но на английском тоже сойдет.

Такой себе аргумент :)

ну не проносить же сквозняком все пропертис до чилдренов до 10-го колена?

я вот сегодня один такой прожект на реакте ковырял как раз... попросили помочь с формой

10 компонентов в глубину

через них от пра пра пра дедушек-бабушек проносятся 100500 пропсов

ну не проносить же сквозняком все пропертис до чилдренов до 10-го колена?

Ну это управление стейтом. Асинхронные запросы это как бонус

10 компонентов в глубину

Во вью это исчезающи редкий кейс, такая глубина

Во вью это исчезающи редкий кейс, такая глубина

да наудйтся одаренный люди и на vue

очень уж порадовали меня сегодня конструкции типа <div className="..."> <div className="..."> <div className="..."> <div className="..."> и так еще 3 раза

спрашиваю собственно на хера?

ответ банален - классов много в 120 символов длину не влезают

линтер ругается

Дожили. Линтер работает наоборот. Делает код хреновым :)

очень уж порадовали меня сегодня конструкции типа <div className="..."> <div className="..."> <div className="..."> <div className="..."> и так еще 3 раза

Диватоз. Передается через коммиты.

Привет ребят. Может кто сталкивался, moment.js не работает с Safari как с chrome.

Как решить этот вопрос?

Кстати про линтер. Как писать type сложным пропсам. Допустим у меня массив объектов. ЕСлинт говорит type должен быть функцией. Я так и не понял как сделать правильную

Кстати про линтер. Как писать type сложным пропсам. Допустим у меня массив объектов. ЕСлинт говорит type должен быть функцией. Я так и не понял как сделать правильную

type: Array, default: () => [], В твоём случае вроде должно удовлетворить линтер

Привет ребят. Может кто сталкивался, moment.js не работает с Safari как с chrome.

такого просто не может быть, чтобы момент не работал в сафари

type: Array, default: () => [], В твоём случае вроде должно удовлетворить линтер

Не получалось так

Кстати про линтер. Как писать type сложным пропсам. Допустим у меня массив объектов. ЕСлинт говорит type должен быть функцией. Я так и не понял как сделать правильную

Маловероятно, что такое говорит линтер. Валидацию можно делать с помощью опции validator

Позже покажу. Про валидатор я в курсе

Пока я просто выключил локально еслинт и вписал type: Array

ответ банален - классов много в 120 символов длину не влезают

ужас) уж лучше eslint-disable делать, чем так

а там нельзя им его выключать :)))

?

Правильно я сохраняю имя юзера? const state = { token: localStorage.getItem('user-token') || '', myuser: localStorage.getItem('username') || '', } const actions = { ...... ...... . .... . ........ var myuser = resp.data.user.username localStorage.setItem('username', myuser) ...... . . .. . . . . ................. . . . .. }

А если у мну в базе полей очень много, мне что таким образом им сохранять во vuex ?

Как должен выглядеть продакшн? Где я делал через proxy запрос к серверу и отправлял json.

Хостинг на файрбейз

Для чего нужен firebase? он может заменить mysql postgres?

что это вообще такое?

Для чего нужен firebase? он может заменить mysql postgres?

Дсончик раздает

Дсончик раздает

это типо для тех кто api не хочет делать сам?

Как должен выглядеть продакшн? Где я делал через proxy запрос к серверу и отправлял json.

Бэкенд на cloud functions

это типо для тех кто api не хочет делать сам?

Типа того

Если мне в компоненте vue нужны НЕ реактивные данные, то где их объявлять? Просто в теле компонента? Типа: export default { nonReactiveField: 22 } ?

Ребят у кого есть на на vue без ssr

?

Любой даже hello world

что есть?