Javascript и Vuejs для Laravel 22. Оптимизируем код, используя props, $parent, $refs и $refs в цикле

Стань спонсором(бусти аккаунт), доступ к собеседованиям:
boosty.to/lara...
Мои платные курсы:
laravelcreativ...
План развития с нуля до middle+:
laravelcreativ...
Группа вк:
laravel...
Ссылка для донатов, спонсорства, пожертвований
yoomoney.ru/to...
www.donational...
-
. ---
Создаем компонент edit
Импортируем его
Добавляем в него только те методы, которые относятся только к нему
Используем взаимодействие с родительскими свойствами и методами с использованием $parent
Для прокидывания персоны используем props
И чтобы вызвать свойства компонента edit, используем $refs

[@alexles5003]

Это видео неплохая иллюстрация почему существует разделение на бэкэнд и фронтэнд.

[@projectgoodchannel4470]

Ребят, вместо возни с рефами при перекидке name, age, job, после того как вы перекинули person в EditComponent, можно просто написать так в data data() { return { name: this.person.name, age: this.person.age, job: this.person.job, } }, В таком случае все будет работать отлично и у каждого будут свои значения, и все заносится как нужно

[@СергейРушев-о5х]

Да, очень легко запутаться, что и куда прокидывается, что в цикле, а что нет - но, надеюсь, со временем всё уляжется по полочкам. Спасибо за урок!

[@laravelcreative]

Да будет легко)

[@vimitali7630]

Что ещё можно посмотреть ночью! Конечно, свежий урок по VueJS + Laravel :)

[@laravelcreative]

Ахаха это точно!)

[@vimitali7630]

@@laravelcreative Всё ставлю будильник на 1 ночи :)

[@laravelcreative]

Ахах)

[@vimitali7630]

Спасибо, за урок!

[@laravelcreative]

Благодарю!)

[@АндрейГалушко-е9о]

СПАСИБО!! как всегда ТОП! 🔥🔥🔥🔥🔥

[@laravelcreative]

Благодарю!)

[@ДенисСамсонников-о4ш]

Этот контент заслуживает лайка и продвижения! Спасибо за Ваш труд!!

[@kashevsky]

Офигенные курсы

[@laravelcreative]

Благодарю)

[@alexeyguch816]

Благодарю за туториал! =)

[@Artem-sz4rc]

круто

[@alexgud6467]

11:15 в точности предсказали мои действия)) я сначала решил сам попробовать сделать

[@laravelcreative]

Ахах класс)

[@sodaler437]

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

[@irvicon]

Очень здорово. Насколько полезный инструмент Console в Chrome.

[@laravelcreative]

Благодарю!)

[@ardixq]

я придумал

[@ПонтелеймонКотлеткин]

Как такое можно было придумать? А что ещё важнее - как такое можно запомнить?! Больные люди - девелоперы фронтэнда. А сами фронтэндеры - геи. Согласен с некоторыми предыдущими комментариями.

[@igorsss5810]

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

[@opencartpro2595]

🤣 Да да чувак, эти монологи тарантиновские. У автора хорошее чувство юмора, я постоянно угораю

[@ВячеславТараканов-б9и]

Спасибо за урок. Всё работает, но в шторме подсвечивает вызов метода this.$parent.getPeople() и this.$parent.isEdit и пишет Unresolved function or method isEdit(). Почему так, не знаете?

[@sabr7028]

В этом фронте черт ногу сломит...

[@laravelcreative]

Ахах да)

[@davidkarapetyan6837]

у меня такая проблема, что когда нажимаю на edit и изменяю значение name, age, job, в EditComponent они не успевают изменить свои значение, нечего не могу с этим поделать, сделал точно так, ка ты на видео, еще спасибо за уроки брат))

[@laravelcreative]

Что значит не успевают?))

[@ТимурГолубев-ш1я]

Странно но у меня после создания пропс и прокидывания персоны в ней все работает. Дальнейшие изменения никак не повлияли. С чем может быть связано? Vue 3.2.47

[@ebirdori9498]

хм, самому интересно.

[@maximshelkous8067]

Это очень по гейски конечно все, надеюсь со временем познаю запах яиц и пойму это все

[@westlutsk]

во время редактирования все форми занимают 1 ячейку таблици и вся таблица едет вправо, можеш помочь?

[@laravelcreative]

html и css решайте самостоятельно, это не цель курса)

[@westlutsk]

@@laravelcreative решил, спасибо)

[@МихаилШвецов-и1л]

@@westlutsk И как решил?

[@westlutsk]

@@МихаилШвецов-и1л так вирішив, не пам'ятаю як. Там все просто запитай chat GPT

[@ФанатТихонаШидловского]

для тех, кто ещё столкнётся с такой проблемой: в EditComponent тэг должен быть вложен не в , а в . То есть просто уберите тэг div

[@alexandr9900]

камент для продвижения

[@trvtrv3172]

front end гейство