but how do you know what renderItem does? where will the items end up?

we are visual creatures.

if I see a <ul><li></li></ul> I know it’s doing a list item for every object in given list.

it’s literally just html with a few added stuff, v-if to determine whether it’s rendered, v-for for iteration, dynamic class bindings and event listener bindings.