Na aula 04 Trabalhando com Slots é uma continuação de criação de um componente chamado "meu-painel" e o mesmo é importado dentro da tag script e dentro de Export Default é criado este componente. Como simplesmente alterando uma tag DIV para Slot o Vue.Js sabe que tem que exibir o conteúdo deste componente criado? Não ficou claro isto na aula e ja assisti mais de uma vez o mesmo vídeo.
<meu-painel :titulo="foto.titulo">
<img class="imagem-responsiva" :src="foto.url" :alt="foto.titulo">
</meu-painel>
<script>
import Painel from './components/shared/painel/Painel.vue';
export default {
components: {
'meu-painel' : Painel
},
<template>
<div class="painel">
<h2 class="painel-titulo">{{ titulo }}</h2>
<slot class="painel-conteudo">
</slot>
</div>
</template>
<script>
export default {
props: ['titulo']
}
</script>