JSFiddle - React, Tailwind, and code Playground

by El_Matella

HTML

<div id="app">
  <dynamic-vue-component :content="dynamic"></dynamic-vue-component>
</div>

JavaScript

Vue.component('some-component', {
  template: '<div>hello from some somponent {{ foo }}</div>',
  data () {
    return {
      foo: 'bar'
    }
  }
})

new Vue({
	el: '#app',
	data: {
  	dynamic:'<div><some-component></some-component></div>'
  },
  components: {
  	DynamicVueComponent: {
    	props: {
      	content: {
        	type: String,
          required: true
        }
      },
      render (h) {
      	return h(Vue.compile(this.content))
      }
    }
  }
})