Vue.js slot sample 3

ヘッダー

佐藤

<div id="app">
  <my-name>
    <h1 slot="header">ヘッダー</h1>
    <strong>佐藤</strong>
    <h2 slot="footer">フッター</h2>
  </my-name>
</div>

Vue.component('my-name', {
  template: `

  
  私の名前は鈴木です。
  
`
});
new Vue({
  el: '#app'
});