Полный курс Vue 3 | #6 Компоненты, слоты, передача информации между компонентами

Подписаться 10 тыс.

Просмотров 12 тыс.

50% 1

Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340
Друзья! В этом видео мы разобьём на компоненты форму из прошлого видео. Познакомимся с компонентным подходом, научимся регистрировать компоненты глобально и локально, узнаем что такое слоты (поверхностно)
========================================
avis-agency.ru - создание сайтов под ключ
avis.academy - премиум-обучение
rah-emil.ru - сайт и соц. сети автора

Опубликовано:

24 сен 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 46

@user-im4ct1ol2s Год назад

Куда пропал? Пили контент!Ты нужен людям!

@NewDimix Год назад

Автор, спасибо тебе огромное за такой контент, это потрясающе! Сейчас всей командой работаем над первым проектом на vue, до этого использовали react, и возникает много трудностей и вопросов. Уверен, с твоим курсом можно достаточно быстро во все это въехать, очень нравится как ты детально, почти на пальцах, все объясняешь. Сейчас всей команде отправлю ссылку )

@user-ni6wl5nh3p 3 месяца назад

Круто объясняешь 👍 Спасибо

@aya_lenskaya6360 Год назад

Привет! Большое спасибо за знания, все видео очень интересные!

@user-sz8gy9kd5n Месяц назад

Курс супер, спасибо за твои старания!!!

@stepmastergames1805 Год назад

Ах*енный курс, много чего для себя открыл, Буду советовать твой курс, действительно жалко что на познавательном контенте меньше просмотров.

@user-vv3xn6dz5l 2 месяца назад

Благодарю за годный контент!

@EuegenTv Год назад

Спасибо! Все эти директивы - такая боль после Реакта ;)

@nekitoaster 20 дней назад

жизненно)

@tatianovnafrutti8982 Год назад

Ааа.. Классный контент, выкладывай побольше пожалуйсто( Или может лучше сделать что-то на подобии - создаем клон "чего-то там" c vue3 или Nuxt и что бы там была работа с Rest API например или там с какой базой данных и тд.. Короче то что используется в реальной жизни на работе, что бы новичкам было просто супер полезнейше!! Спасибо заранее, все супер!!!

@tatianovnafrutti8982 Год назад

@@AVISTV не занимаешься случаем менторингом или чем-то подобным?

@tatianovnafrutti8982 Год назад

@@AVISTV Ясненько) Ненужны Вам там Джуны какие? Или верстальщики)))

@dmitryulanov9395 10 месяцев назад

Бро, не переживай. Ты дал практику ещё и с чекбоксами!

@shps.online9830 Год назад

Классный контент! Тем более в ру сегменте на vue не так много видосов в целом годных!

@user-qg7md1ev3f Год назад

Спасибо за видео! С тобой очень все понятно! )) Сделала свой небольшой проект по твоим видео. Теперь мне очень нужно свой проект выложить на Git Pages? Есть ли какая-то инструкция?

@user-ul4jn2cj3r Год назад

Приветствую, сколько всего планируется выпусков по вью3?

@user-mt9kf4mi7x Год назад

Отличное видео! Очень полезно👍. Хотелось бы узнать как принимать массивы данных с внешних апи и отдавать данные через прокси.

@user-sy1nu8mi4x 10 месяцев назад

Чувак спасибо. Все супер. А будут еще видосы по вью3 ?

@VladislavSolovyev 10 месяцев назад

Папа, любименький, вернись!!!! Мы вью не доучили!!!!!!!!!!!!!!!!!! Жду)) ❤❤❤❤

@amriddindavlatov110 2 месяца назад

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

@irinamartsulevich5178 8 месяцев назад

Спасибо за курс! Плиз, подшамань над комментами под видео. Сейчас твои ответы видны, наверное, только автору вопроса

@user-vv5yx5nk7e Год назад

Привет! Крутой контент .. Можешь рассказать свою историю сколько лет учился с чего начинал??? Интересно ! Сам учусь в Яндексе и хочется понимать через какое время в среднем люди приходят к такому уровню как у тебя (не просто материал а именно видно что человек знает подводные камни и не сколько способов решения одной и той же задачи)!

@user-vv5yx5nk7e Год назад

@@AVISTV Понимаю

@user-nh1po2gp3m 2 месяца назад

А продолжение будет?

@tatianovnafrutti8982 Год назад

в UI компонентах типа инпут можно биндить атрибуты не только через например :type="..." ,а еще через v-bind="$attrs" и тогда сюда будут прилетать любые атрибуты с любым типам которые навесим на компонент при его вызове: = type будет текст) а placeholder some... соответсвенно) ну или search и так далее)

@tatianovnafrutti8982 Год назад

@@AVISTV Ну да, действительно!) Буду в след. раз задумываться о таком)

@shurinskiy Год назад

Отличный курс - спасибо! То, что надо.. Такой вопрос. А если компоненту надо передавать больше одного события, как тогда действовать? Два раза defineEmits вызывать и в разные переменные складывать?

@shurinskiy Год назад

@@AVISTV const emits = defineEmits(['click', 'blur']); onClick = () => { emits('click', value); } onBlur = () => { emits('blur', value); } Типа этого?

@YellowPanamka Год назад

Контент очень полезный, ну когда еще серия, когда-когда? :-)

@YellowPanamka Год назад

@@AVISTV побежал покупать новые кейкапы для отработки инфы с будущего курса.

@elenakiseljova2493 Год назад

👍

@user-tb7lh9ce1z 4 месяца назад

В компоненте UInput не нужны никакие вотчеры, нужно просто прописать вот это: computed: { value: { get() { return this.modelValue }, set(value) { this.$emit('update:modelValue', value) } } } Это из документации Vue3

@YellowPanamka Год назад

Посмотрел как хороший сериал, когда новый сезон?

@aweb_21 Год назад

а я создаю папочку UI и все ui компоненты там складываю 🙃

@demkut Год назад

больше видео не будет?(((

@JimHoliday22002 6 месяцев назад

а где следующий урок ? :(

@user-hq7fv1be8v Год назад

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

@user-hq7fv1be8v Год назад

@@AVISTV Спасибо за информативный ответ)

@alexalex6163 Месяц назад

Можно регистрировать глобальные компоненты таким образом: Object.entries(import.meta.glob('./components/globals/**/*.vue', {eager: true})).forEach(([path, definition]) => { app.component(path.split('/').pop().replace(/\.\w+$/, ''), definition.default); });

@user-zo8me5nc7b Год назад

UInput.vue на 26 строке должен быть value.value иначе не будет работать

@AnvarProger 11 месяцев назад

фу ребята КЕФТЕМЕ

@sdsd-ec8rw 7 месяцев назад

исходников нет? дизлайк

@commanderx4704 7 месяцев назад

Прошлое видео смотри и делай

@sdsd-ec8rw 7 месяцев назад

@@commanderx4704 что делать? ты что, пьяный)))

@karter_kein Год назад

Привет спасибо за урок все очень понятно. Возник вопрос есть такая цыпочка компонентов App.vue -> ChildComponent.vue -> test.vue, можно ли при клике передать данные из test.vue в App.vue без использования ChildComponent.vue как посредника ?

@karter_kein Год назад

Спасибо