Vue.js для начинающих / Урок #6 - Создание компонентов

Vue.js для начинающих / Урок #6 - Создание компонентов

Гоша Дударь

6 лет назад

37,186 Просмотров

Ссылки и html тэги не поддерживаются


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

ро войт
ро войт - 01.01.2022 00:06

seat

Ответить
HayK MK
HayK MK - 13.02.2021 19:56

Просто видео COPY-PASTE от ACADEMIND channel xD Прям точно точно копированно! как будто это просто перевод

Ответить
Ostin Free
Ostin Free - 02.09.2020 17:53

Каким образом массив данных попадет в статичный JS-файл? Странно как-то...

Ответить
Oleksiy Kurylyuk
Oleksiy Kurylyuk - 12.06.2020 10:52

Спасибо. Хорошее видео

Ответить
Борис Бабич
Борис Бабич - 28.11.2019 12:40

html в js файле, ещё и в одну строку. Довольно омрачает.

Ответить
Олег Смирнов
Олег Смирнов - 05.03.2019 23:18

Вот интересно, а можно ли как-то сделать так, чтобы шаблон компонента он брал не из строки текста, а привязывался, например по id к какому-то блоку из разметки страницы? Всё-таки пилить вёрстку в JavaScript-строке не удобно, подсветка синтаксиса не работает, автоподстановка в IDE, кавычки экранировать надо, переносы строк и т.д... Особенно актуально, если разметка шаблона компонента состоит не из пары дивов, как в примере, а из пары десятков.

Ответить
Dmitry Safonov
Dmitry Safonov - 02.01.2019 18:09

template можно оформлять и не одной строкой:
'<div>' +
'<p>{{ edit }}</p>' +
'</div>'

и это соответственно более читабельно

Ответить
Всеволод Аврамов
Всеволод Аврамов - 09.04.2018 14:02

Спасибо тебе, чувак

Ответить
Sanzhar Toktaganov
Sanzhar Toktaganov - 06.04.2018 20:15

data, template, methods - зарезервированные?

Ответить
kaxa Mgebrishvili
kaxa Mgebrishvili - 26.03.2018 17:20

Property or method "cars" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
etat eror pishit mne shto delac?

Ответить
Pavel Silber
Pavel Silber - 24.01.2018 13:31

Как получается что в компоненте вы прописали template с классом а html c id ? не понятно как они состыковаються...
Т.е получается компонент отображается через объект?

Ответить
Parovoz
Parovoz - 11.01.2018 00:44

че за музыка в конце)

Ответить
iii iii
iii iii - 28.11.2017 12:08

Трэк: Sophomore Makeout - Silent Partner

Ответить
Oleksii Kolomiets
Oleksii Kolomiets - 01.11.2017 16:56

Помните дети - чтоб компоненты работали они должны отслеживаться в new Vue (по id или class, как правило)
Этим вы показываете Vue js за какими элементами "следить".
Иначе ваш компонент не выведет во вьюшку.

Ответить
Anton Goul'art
Anton Goul'art - 15.10.2017 22:16

Чтобы не делать лишние div'ы - родительские обертки, в компоненте файла js достаточно было вывести все через конструкцию: <ul class="car"><li v-for="car in cars">{{ car.model }}</li></ul> За уроки спасибо. Лайк

Ответить
Segrei Ulanov
Segrei Ulanov - 15.10.2017 12:50

Это всё можно сделать на чистом js, тогда в чём мощь vue?

Ответить
Cindorqw
Cindorqw - 14.10.2017 23:10

Жаль, что без примера с роутером

Ответить
sun-bird
sun-bird - 14.10.2017 19:53

Георгий Дударь, сделай продолжения до курсов по unity 5, Unreal enige 4

Ответить
Web World
Web World - 14.10.2017 18:16

Практика будет? Какой нибудь проектик не большой на VUE?

Ответить
Art Vas
Art Vas - 14.10.2017 18:04

Спасибо за урок очень интересно!

Ответить