JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<div id="demo">
<p>{{message}}</p>
<input v-model="message">
<button @click.prevent="customCount++">
Add custom
</button>
<custom v-for="n in customCount"></custom>
</div>
JavaScript
var custom = Vue.extend({
template: "<p>I am custom</p>"
})
var demo = new Vue({
el: '#demo',
data: {
message: 'Hello Vue.js!',
customCount:0
},
components: {
custom: custom
}
})