Как создать вложенный компонент?

Question

[semki096]

В цикле вывожу товары, в каждом товаре - набор картинок

{% for product in currentproducts %}
         {% for img in product.img %}
                 <img width=30px src="/images/{{ img.img_name }}">
         {% endfor %}
{% endfor %}

Хочу создать для каждого набора картинок - слайдер. Правильно ли я понимаю, что мне нужно создать 2 компонента - слайдер, и для каждого слайдера - вложенный компонент слайд?

Не могу сообразить как в таком случае будет выглядеть сам компонент и его шаблон? Буду благодарен за помощь.

Comments

[Антон Антон]

Это точно vuejs?

[semki096]

Антон Антон, нет, это просто мои картинки, я показал как они сгруппированы, вывожу их в цикле twig.

[alex]

semki096,

<v-slider>
  <v-slide></v-slide>
  <v-slide></v-slide>
  <v-slide></v-slide>
</v-slider>