Vue.js 2 | slots y template.


<slots>
    <p>Contenido del slot para el main</p>
    <template slot="header">
        <h3>Header del Layout con slots</h3>
    </template>
    <template slot="footer">
        <h3>Fotter del Layout con slots</h3>
    </template>

</slots>

Contenido del slot para el main


<header style="border: 1px solid;">
    <slot name="header"></slot>
</header>
<main style="border: 1px solid;">
    <slot></slot>
</main>
<footer style="border: 1px solid;">
    <slot name="footer"></slot>
</footer>


Código fuente, haga clic aquí.