Здравствуйте. Подскажите, как правильно реализовать компонент. На странице есть диалог, который открывается при opened = true, которое может быть изменено нажатием кнопки в самом диалоге или извне. Мне нужно вынести диалог в компонент: <v-dialog v-model="opened">...</v-dialog> Если передать opened в компонент как props, то его нельзя менять из компонента. Как это сделать?

Здравствуйте. Подскажите, как правильно реализовать компонент. На странице есть диалог, который открывается при opened = true, которое может быть изменено нажатием кнопки в самом диалоге или извне. Мне нужно вынести диалог в компонент: <v-dialog v-model="opened">...</v-dialog> Если передать opened в компонент как props, то его нельзя менять из компонента. Как это сделать?

а в чем проблема с эмитом сигнала? можно даже на v-model привязаться: https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components

Здравствуйте. Подскажите, как правильно реализовать компонент. На странице есть диалог, который открывается при opened = true, которое может быть изменено нажатием кнопки в самом диалоге или извне. Мне нужно вынести диалог в компонент: <v-dialog v-model="opened">...</v-dialog> Если передать opened в компонент как props, то его нельзя менять из компонента. Как это сделать?

$emit события из компонента, а в родительском уже менять значение (toggle)

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

Спасибо, товарищи! @NoMad42 @essaenko

Коллеги, добрый день! Подскажите, как в компоненте отследить, когда он скрыт? У меня есть компонент в диалоговом окне. В компоненте стартует таймер. Как мне остановить таймер в компоненте при закрытии диалогового окна?

вызов метода, при закрытии окна?

Народ а есть у кого опыт разработки на React после VUE ?

Пробую после vue заюзать реакт - чет меня прям выворачивает. Это у меня одного?

Коллеги, добрый день! Подскажите, как в компоненте отследить, когда он скрыт? У меня есть компонент в диалоговом окне. В компоненте стартует таймер. Как мне остановить таймер в компоненте при закрытии диалогового окна?

если тимер на setTimeout() то вот пример из доки: https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#JavaScript_content А вызовать clearTimeout(), как сказали выше, по событию закрытия окна

Пробую после vue заюзать реакт - чет меня прям выворачивает. Это у меня одного?

нет. всё неструктурировано, скудно и не допиленно

Парни, есть задача хранить в базе айдишники товаров в массиве, на странице надо отображать в виде селектов, массив динамический. Проблема была в том, что хранится айдишник, а показывать надо текстовое значение. Покритикуйте реализацию плиз, если есть у кого время. http://jsfiddle.net/z2L5xj6f/50/

че учить vue или REACT?

че учить vue или REACT?

ответ на твой вопрос один - vue учи

че учить vue или REACT?

в этом чате все должны сказать, что вью..

че учить vue или REACT?

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

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

сейчас уже вью много в вакансиях

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

не в вакансиях счастье

сейчас уже вью много в вакансиях

возможно, но ещё есть реакт натив. Да-да, я знаю про нативскрипт. Но вроде бы это не у всех на устах ещё.

не в вакансиях счастье

но кушать хочется всем)

возможно, но ещё есть реакт натив. Да-да, я знаю про нативскрипт. Но вроде бы это не у всех на устах ещё.

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

посмотри какое количество вакансий по 1c

Не вопрос. Если человек хочет что-то учить для души - вью 100% Если он прагматик, то вероятнее всего по реакту он работу найдет быстрее.

Не вопрос. Если человек хочет что-то учить для души - вью 100% Если он прагматик, то вероятнее всего по реакту он работу найдет быстрее.

react не душевный?

если тимер на setTimeout() то вот пример из доки: https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#JavaScript_content А вызовать clearTimeout(), как сказали выше, по событию закрытия окна

Ну, про clearTimeout это понятно. :) Вопрос у меня был - может быть как-то по хукам жизненного цикла можно отследить, когда компонент скрывается? Или единственный способ - из диалога дергать компонент при закрытии-открытии?

Ну, про clearTimeout это понятно. :) Вопрос у меня был - может быть как-то по хукам жизненного цикла можно отследить, когда компонент скрывается? Или единственный способ - из диалога дергать компонент при закрытии-открытии?

попробуй https://vuejs.org/v2/api/#beforeDestroy правда смущает что там про инстанс упоминается, а не про компонент... но мне кажется что сработает

попробуй https://vuejs.org/v2/api/#beforeDestroy правда смущает что там про инстанс упоминается, а не про компонент... но мне кажется что сработает

Компонент не уничтожается, если я закрыть окно. Destroy вызывается только при уходе со страницы

Всем привет. Правльно я понимаю, что что бы передать событие между компонентами, мне только шина событий поможет?

Плюсую к вопросу, мб я слепой и кривой? Но я тоже юзаю шину

Товарищи, как правильно скопировать объект, чтобы изменение вложенных объектов копии не распространялось на оригинал?

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Так я и делаю: editedItem = Object.assign({}, item)

const newObj = Object.assign({}, oldObj);

Это правильный вариант

Тогда почему изменения вложенных объектов затрагивают оригинал?

Покажи весь кусок где это происходит

После копирования объект полностью независим

Эт же shallow copy

Весь не могу, я с телефона, тогда позже отпишусь

Внутренние объекты остаются с теми же адресами

Если хочется полную копию - рекурсия или конвертация через json stringify parse

Товарищи, как правильно скопировать объект, чтобы изменение вложенных объектов копии не распространялось на оригинал?

JSON.parse(JSON.stringify( o ))?

Товарищи, как правильно скопировать объект, чтобы изменение вложенных объектов копии не распространялось на оригинал?

Есть пакет deep clone

Товарищи, как правильно скопировать объект, чтобы изменение вложенных объектов копии не распространялось на оригинал?

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

JSON.parse(JSON.stringify( o ))?

Так делать не надо

У кого-то был опыт с seo с сайтами на vue? Есть какие-то проблемы?

Так делать не надо

Какие подводные кроме потери функций?

const newObj = Object.assign({}, oldObj);

Вместо обжект ассайн для шаллоу копи лучше юзать спред

Вместо обжект ассайн для шаллоу копи лучше юзать спред

Это одно и тоже

Это одно и тоже

Ты сейчас серьезно?

Посмотри на полифилы

Там тупо копирование по ключам

Какие нахуй полифилы? Спред быстрее и читается проще

Object.assign({}, oldObj) vs { ...oldObj }

Это одно и тоже

А, сори забыл прочитать название чята

Создаётся пустой объект и рекурсивно по ключам все копируется

Vue.util.extend ??

А, сори забыл прочитать название чята

Ты забываешься с такими высказываниями

он к тому, что синтаксис читаемее

так то понятно что одно и то же

ERROR: S client not available

Спред быстрее

Не я написал

https://i.imgur.com/cFKdMiT.png

Читаемость лучше, на этом все. Не понимаю, что за эмоции и попытки выставить спред чем-то несомненно более лучшим.

Всем привет. Правльно я понимаю, что что бы передать событие между компонентами, мне только шина событий поможет?

Если между соседними, то да. Если соседние связываются какой-от общей компонентой, то можно через неё без всяких шин

Если между соседними, то да. Если соседние связываются какой-от общей компонентой, то можно через неё без всяких шин

ок. спасиб

Читаемость лучше, на этом все. Не понимаю, что за эмоции и попытки выставить спред чем-то несомненно более лучшим.

спреды в ес - еще один ништчк из кофескрипта, упрощающий боль после перехода с оного

Спред быстрее

вот вопрос, spread работате только по 1 уровню, а object assign работает по вложенностям или также, как и spread - 1 уровень и ссылки?

вот вопрос, spread работате только по 1 уровню, а object assign работает по вложенностям или также, как и spread - 1 уровень и ссылки?

так же

вот вопрос, spread работате только по 1 уровню, а object assign работает по вложенностям или также, как и spread - 1 уровень и ссылки?

1

оке, спасибо

https://i.imgur.com/cFKdMiT.png

Думаю от бровзера зависит

если хочешь круто, есть нпм библиотечка маленькая

deep-extend илм типа того

Думаю от бровзера зависит

Да. Зависит. Тестил на последнем хроме.

если хочешь круто, есть нпм библиотечка маленькая

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

зачем библиотека для этого))

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

гист с этой жестью в студию)

Если без циркуляр структур, то json parse

если редюс рекуосии умеет, то я нуб и снимаб шляпу

Тоже почти дип копирование

Если без циркуляр структур, то json parse

нужно еще медленнее

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

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

лучше данные нормализовать и не греть голову

js не расчитан на иммутабельные структуры

слишком дорогое удовольствие

че учить vue или REACT?

жс надо учить

а без жс что вью что реакт будет тыквой