Edit in JSFiddle

Vue.component('tx-card', {
	template: `
  <div class="card">
    <div class="header">
    	<slot name="header"></slot>
    <div class="body">
    	<slot name="body"></slot>

new Vue({
	el: '#root',
<div id="root">
    <h1 slot="header">
      Slot content
    <p slot="body">
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
.card {
  border: 1px solid;
  padding: 10px;

External resources loaded into this fiddle: