JSFiddle - React, Tailwind, and code Playground

by gianlucaguarini

HTML

<script src="https://rawgit.com/yyx990803/vue/master/dist/vue.js"></script>
<div id="app">
  {{ foo }}
  <my-tag>
    <h1 slot="title">
       I am the title
    </h1>
    <h2 slot="subtitle">
       I am the subtitle
    </h2>
  </my-tag>
</div>

JavaScript

Vue.component('my-tag', {
	template: `
  <div>
    <div style="background: red">
      <slot name="title"/>
    </div>
    <div style="background: orange">
      <slot name="subtitle"/>
    </div>
  </div>
  `
})

new Vue({
    el: '#app',
    data: {
    	foo: 'bar'
    },
    methods: {
    }
})