JSFiddle - React, Tailwind, and code Playground

by Milkker

HTML

<div id='app1'>
  <table-test>
    <template>
      <tr>
        <td>A</td>
        <td>B</td>
      </tr>
    </template>
  </table-test>
</div>

Vue

Vue.component('table-test', {
  render (h) {
    console.log(this.$slots.default);
    return h(
        'table',
        null,
        [
         h(
          'tbody',
          null,
          [this.$slots.default]
        )]
    );
  }
});

var app1 = new Vue({
  el: '#app1',
  data: {
  }
})