JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <div id="app">
      <button v-on:click="cl()">Add 1</button>
      <div class="hr1"></div>
    </div>
  </body>
</html>

JavaScript

let c = {
	template: '<h1>123456</h1>',
	methods: {}
};

var vm = new Vue({
  el: '#app',
  methods: {
  	cl() {
    	let example = Vue.extend(c);
      let component = new example().$mount();
      document.querySelector('.hr1').appendChild(component.$el);
    },
  },
  data: {},
});