JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
<input v-model="stuff">
<test :prop="stuff">
  <child slot-scope="x">
    <span>
      {{x.prop}}
    </span>
  </child>
</test>
</div>

Vue

Vue.component('child', {
	template:`<div>Child<b><slot/></b></div>`,
  created(){
  	console.log('Child created')
  }
})
Vue.component('test', {
	functional:true,
  render(h, context){
  	return h('div', [
    	context.props.prop,
    	context.data.scopedSlots.default(context.props)
    ])
  }
})

new Vue({
	el:'#vue',
  data(){
  	return {
    	stuff:''
    }
  }
})