Слайдер на vue.js?

Question

[Socrates]

Ребят, в короткие сроки нужно сделать слайдер на vue.js.
Опытные разработчики на vue.js, подскажите как подступить к задаче?
Есть ли у кого примеры с простеньким слайдером, чтобы понять что где лежит и для чего.
p.s. знаний по vue - нет.
Буду очень признателен!

Answer 1

[boga-net]

https://youtu.be/Q7CUJRbuZaU
Посмотрите это видео.
Делается просто и быстро

Comments

[Socrates]

Спасибо большое

Answer 2

[0xD34F]

в короткие сроки нужно сделать слайдер на vue.js

знаний по vue - нет

Нет знаний, нужно быстро - значит, ничего самому делать не надо. Берите готовое.

UPD. Сделать, так сделать. Компонент слайдера получает данные слайдов, и показывает те или иные их части в зависимости от своего внутреннего состояния. Самый простой вариант - один слайд, т.е., надо хранить индекс активного элемента. Переключение слайдов пусть осуществляется с помощью кнопок, по клику на которые этот индекс меняется. Если надо смену слайдов анимировать - есть transition.

Вариант раз - слайдер принимает в качестве параметра массив данных слайдов, кастомизация внешнего вида осуществляется через слот.

Вариант два - слайдер принимает через слот готовый контент слайдов.

Comments

[Socrates]

ключевое слово - "сделать"

Answer 3

[Gho0st]

В общем для начинающим, коем сейчас являюсь и я )
Переходим сюда https://www.jsdelivr.com/
в строке поиска вводим нужный компонент vue и не только, после он сформирует ссылку на cdn которую достаточно подключить в своем проекте для использования этого компонента или там же можно скачать сформированный архив и залить к себе в проект, после чего этот компонент можно сразу использовать. Обычно в самих архивах есть пример подключения и использования компонента из коробки. Так же можно сформировать целую пачку необходимых компонентов в виде архива.