How to draw a new component instance every time on click?

Question

Vue.js

In the project, on click, the component should be added to the list and rendered. How to draw it not once, but every time when clicked?
Now done as a modal window:

newCell(v-if="showCell")
show : false,
showCell () {
        this.show = true;
}

Answer 1

In the parent, set up a counter of child component instances:

data: () => ({
  repeat: 0,
}),

And render the appropriate number of them:

<child-component v-for="i in repeat"></child-component>

If you need to render more - increase the value of the counter:

<button @click="repeat++">add one more child component instance</button>