JSFiddle - React, Tailwind, and code Playground

by Jacob Goh

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
<div id="app"></div>

JavaScript

const MyComponent = {
  template: `
  <div>
    <h2>{{ someProp }}</h2>
    <slot></slot>
  </div>
`,
  props: ['someProp'],
  mounted() {
    console.log(this.someProp);
  }
};
const Constr = Vue.extend({
  template: `
  <MyComponent someProp="My Heading">
    <div>slot here !!!</div>
  </MyComponent>
  `,
  components: {
    MyComponent: MyComponent
  }
});
const instance = new Constr().$mount('#app');