How to implement list rendering inside a VUE JS component?

Question

JavaScript

Hello. I want to expand my slider with buttons to switch to a specific slide.
Here is the code https://jsfiddle.net/prL6axfL/8/
I want to draw as many buttons as there are img in the array. They should be drawn inside the buttons /buttons component, but I can't. Of course, if I do such a thing outside the buttons template v-for="item in src" div class="button" /div /template component, then everything is ok, well, or buttons v-for="item in src" /buttons , also normal . BUT I need exactly INSIDE the buttons /buttons component how to implement it?

Answer 1

I seem to have figured it out. If anyone is interested, it was simply necessary to pass an array through the input parameters along the length of which the list is rendered and then to the template component template: 'v-for="item and that's it