Edit in JSFiddle

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

new Vue({
	el: '#root',
})
<div id="root">
  <tx-card>
    <h1 slot="header">
      Slot content
    </h1>
    <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.
    </p>
  </tx-card>
</div>
.card {
  border: 1px solid;
  padding: 10px;
}

External resources loaded into this fiddle: