JSFiddle - React, Tailwind, and code Playground

by edith_tang

HTML

<div id="app">
  <child-component>
    <p>
      分发的内容
    </p>
    <p>
      更多分发的内容
    </p>
  </child-component>
</div>

JavaScript

Vue.component('child-component', {
	template: '\
  <div>\
  	<slot>\
    	<p>如果父组件没有插入内容，我将作为默认内容出现</p>\
    </slot>\
  </div>'
});

var app = new Vue({
	el: '#app'
})