Если делать емит в родительский компонент тогда при получении успешного ответа от сервера мне надо будет пробежаться по колекции в цикле что бы добавить в нужные элемент данные, это меня смущает.

а как мне это обойти то в итоге? мне vue предупреждение выкидывает, это не особо нравится. https://jsfiddle.net/nhjxb2nd/5/

Но мне кажется, что по логике лучше будет: <div v-if="editingRole"> {{ editingRole.name }} </div>

данные отображает, но там все равно ошибка.

<_<

undefined

что забавно, computed свойства в хуках created, mounted не отображаются. Точнее, отображаются как пустой обьект

так тоже не работает

Не знаю, поможет ли это тебе, но если в конце после всех этих манипуляций поставить throw new Error(''), то консоль выдаст корректный результат. 😃

Ребят подскажите как правильно делать. Вот есть у меня колекция данных http://prntscr.com/ilsnrk в ней 3 элемента, у меня отрисуется 3 компонента в которых будет таблица, с данными. Тоесть у меня есть 1.родительский компонент который получает эти данные 2. компонент который рисует таблицу Задача сделать возможность добавления новых строк в таблицу. Правильно ли в компоненте таблицы делать функцию которая обновляет данные(отправка на сервер и после успешного ответа вставка новой строки в таблицу) илиже мне нужно емитить собития и реализовать эту функцию в родительском компоненте?

Компонент таблицы, я думаю должен только рисовать

Компонент таблицы, я думаю должен только рисовать

я тоже так думаю, но если делать в компоненте таблицы тогда нет необходимости бежать в цикле по колекции, на 3-х элементах это не критично, а если их будет больше

а зачем ты по ним бегаешь?

я думаю, он имеет в виду отрисовку. вроде как vue хорошо заточен на перерисовку

Если ты в родителе поменяешь данные, в во вложенных само все поменяется

(сори за флуд) Эй "Верстальшики" 😊 Вечер пятницы, новый подкаст у парней https://www.youtube.com/watch?v=OYXNAH1eW64

Всем привет. Нужна помощь. Дано: есть компонент которыей использует vue-i18next для отображения некоторого состояния, на русском и англ. Задача: написать unit тест на output компонента при разных значениях props. какие варианты как протестировать это? - мокнуть функцию $t со всеми нужными англ переводами для тестов (тут проблема, в некоторы местах используется интерполяция и т.п.)? - подключить сам плагин в юнит тесте (который подгрузит все файлы переводов, не уверен что это правильно) Сразу хотел делать так, но столкнулся с тем что Jest не загружает json переводы, как webpack при сборке и в итоге тест валится Вообще не очень понимаю нужно ли это тестировать. Спасибо за любой фидбек

а зачем ты по ним бегаешь?

А как мне без цикла из родителя поменять данные в колекции?

а зачем ты по ним бегаешь?

я занаю такой способ response = это этвет от сервера collection = collection.map(item => { if(item.id === response.data.id) { тут меняю данные } return item })

А как мне без цикла из родителя поменять данные в колекции?

collection.push(item)? 😃

collection.push(item)? 😃

http://prntscr.com/ilt8pz как мне пушь сделать во второй элемент

ты когда редактируешь созхраняй индекс элемнта

вариант

там речь шла про добавление строк

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

обновление тоже может происходить без цикла

и он у тебя по ссылке поменяется

Vue.set(collection, indexOfItem, newValue)

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

тогда в нутри этого компонента я делаю просто data.push(result)

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

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

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

потому что в родителе у тебя старые данные останутся

а если они мне в родители не нужны? Вот у меня есть такая структура http://prntscr.com/iltc91 таблиц каждая таблица это отдельный компонент эти таблицы рисуются на основании колекции которая прилетает из сервера, эту колекцию запрашивает родительский компонент скажем TableListComponent

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

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

а они разве не по ссылке перадаются? http://prntscr.com/ilterb

в вуе2 нет

в вуе2 компоненты не могут менять состояние родителя, только через эвент

Спасибо)

компонент не должен быть завязан на родителе никоим образом

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

это тоже правильно

ну если передать объект через props, то дочерний компонент его сможет изменить, так как объекты по ссылке передаются. Просто так лучше не делать.)

ну если передать объект через props, то дочерний компонент его сможет изменить, так как объекты по ссылке передаются. Просто так лучше не делать.)

Vue2 Ошибку выдает

в консоль)

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

тогда не будет ошибки, но по фатку мы изменили объект, который был передан от родителя. И в таком случае никакой ошибки не будет.

Вью всё-равно выбросит ошибку

не выбрасывает)

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

только что проверил)

а если они мне в родители не нужны? Вот у меня есть такая структура http://prntscr.com/iltc91 таблиц каждая таблица это отдельный компонент эти таблицы рисуются на основании колекции которая прилетает из сервера, эту колекцию запрашивает родительский компонент скажем TableListComponent

Если нужно из дочки менять состояние чего бы то ни было в родителе, что передается через пропсы, то надо передавать так: :param.sync="что-то".

https://ru.vuejs.org/v2/guide/components.html#%D0%9E%D0%B4%D0%BD%D0%BE%D0%BD%D0%B0%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9-%D0%BF%D0%BE%D1%82%D0%BE%D0%BA-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85

вот здесь в сноске это сказано

да так и есть

Хммм, видимо мне приснилось

Хммм, видимо мне приснилось

скорее всего мы переменную кидали)

Нет, просто мне что-то помнится, что я делал так, и вью меня за это ругал

Нет, просто мне что-то помнится, что я делал так, и вью меня за это ругал

это если будет примитив передан в props и будет попытка его изменить

Это да, но я помню именно про объект

Как только назревает вопрос о том, чтобы менять свойства внутри props объекта, то сразу начинаю переход на vuex.

Как только назревает вопрос о том, чтобы менять свойства внутри props объекта, то сразу начинаю переход на vuex.

+1

Как только назревает вопрос о том, чтобы менять свойства внутри props объекта, то сразу начинаю переход на vuex.

Твое приложение это TODO List . Передать нужно в потомок через props данные, все будешь подключать vuex.

От того что ты, что-то подключил, не прояснилось. что где и как менять, у человека)

Твое приложение это TODO List . Передать нужно в потомок через props данные, все будешь подключать vuex.

Это другое. Я имел в виду когда ты в потомке начинаешь менять props, чтобы у родителя оно обновилось. И, да, человеку поможет централизация данных с помощью Vuex.

Если человек, не может понять, где ему менять , и какая модель работы с даннами у VUE даа, vuex то ему вообще сейчас то что нужно)

ага)

Если человек, не может понять, где ему менять , и какая модель работы с даннами у VUE даа, vuex то ему вообще сейчас то что нужно)

Тогда человеку нужно идти и читать доки

тудулист есть пример на самом сайте вуе. там все очень подробно

Тогда человеку нужно идти и читать доки

vuex-a 😂

Вот именнО! а не советать подключать vuex)

ну чего ребят, стоит начинать проект на вуе?

да

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

а здесь есть специалисты из ITVDN? есть пара вопросов

почему бы и нет

ну чего ребят, стоит начинать проект на вуе?

ты магазин дилдаков уже запилил?

ты магазин дилдаков уже запилил?

зочем?

зочем?

год уже его делаешь

не делаю же