JSFiddle - React, Tailwind, and code Playground

by Slava Slava

HTML

<div id="app">
    <button @click="components ++">New Component</button>
    <my-component v-for="comp in components" :index="$index"></my-component>
    
</div>

JavaScript

new Vue({
	el: "#app",
    
    data: {
    	components: 1
    },
    
    components: {
    	'my-component': {
        	template: '<div>I am a new component {{ index }}</div>',
            props: ['index']
        }
    
    }
})