How to do it in Vue.js?

Question

Vue.js

There is a starting block:

When choosing 1 of 3 options, the desired block appears, the content of all blocks is different - therefore, they cannot be put into the array, because you need to call methods in the template, how can this idea be implemented?

Answer 1

the content of all blocks is different - therefore, they cannot be put into the array

shove. Let a separate property of the array elements be responsible for different content. If the content is completely different, there is nothing in common - arrange the blocks as separate components, store the name of the component in the array element - well, then v-foruse it together with :is.