e Fala jovem Thiago Matos aqui Nesta aula a gente vai deixar o nosso componente muito mais flexível e Poderoso com a técnica de islote vem comigo jovem tá a gente tá usando o nosso componente aqui bem simples queda injetado aqui no app.ss. Viu né porque eu tirei essa lembre-se que sempre que você importar O componente você tem que declarar ele aqui em Componentes perfeito para esse componente tem um título aqui o reta tem um título Vou colocar até um H1 aqui e vou chamar de home perfeito ele tá na Roni aqui contínuo mas se você
tá na página de serviço o título vai ter que ser serviços Tá certo e aí como é que você faz para personalizar o conteúdo desse componente E aí que entram os slot Car Então a gente vai remover o conteúdo todo daqui de dentro e vamos chamar uma tag aqui se for tag do HTML perfeito esses lotes cara vai possibilitar o vídeo é essa injetar conteúdos dentro dele à medida que a gente usa o componente de que forma se eu salvar aqui esse serviço vai sumir certo não vai ter mais nada aqui mas o componente tá
aqui dentro oponente está aqui mas ele tá vazio por isso aqui não apareceu nada eu puxar aqui olha o meu componente aqui ó queda Tá certo e aí quando eu utilizar meu componente quer que eu vou fazer eu vou abrir fecha a tag isso daqui você vai trabalhar como se fosse uma tag HTML na div a gente abrir e fechar div ou no conteúdo dentro da diva da mesma forma o componente a gente abre e fecha o componente e vamos colocar o conteúdo dentro componente e aí o que acontece esse conteúdo aqui vai ser injetado
lá naquele espaço do slot Olha lá você ficou de cara agora que eu tô ligado é Mágica a mágica E aí eu posso pegar aqui colocada um homem e a página de serviço H1 né serviço 777 massa aí eu posso colocar a parágrafo aqui posso colocar o conteúdo que eu quiser Tá certo então sua antes para deixar o nosso componente mas Lexi venda e para melhorar ainda mais essa flexibilidade cara você pode colocar vários lotes e nomear ele é o que a gente chama de nem Slots name slot Slots nomeado então por exemplo esse aqui
que a gente não colocou o nome ele se torna um Slots de falta tá certo e aí a gente pode chamar outros lotes aqui e colocar o nome dele the description olha só que bacana Na verdade ele da Verdade o silêncio Pode fechar dessa forma né Porta Chá dessa forma tá vou cortar deixar Nossa Cola e um lacinho Então esse lote aqui vai ser quem é Tom esse lote aqui vai ser discription e esses lotes aqui vai ser o padrão sem nome olha só que bacana então o padrão sem nome é esse cara aqui Opa
é esse cara aqui que a gente colocou sem definição nenhuma coloquei h1s setra aqui só que é se eu fizer isso daqui ó template chama o template template até passar aqui ver para as Slots 2 pontos Olha a diretiva ver traz os lotes mais uma diretiva aí cara toda hora a gente aprende coisa nova não é só um assunto islote aqui entra um monte de coisa ver traços lote diretiva E aí a gente passa aqui é: é Pattinson Aí sim a gente injeta esse cara nos lotes do título se a gente repetir essa ação e
colocar description as Oi gente esse cara no discription certo obviamente mas o cara que vai ser igual mas só para gente testar aqui tá tudo funcionando eu vou fazer o seguinte vou colocar o h1ac como como título Tá certo só para gente testar aqui esse cara aqui Advil vai ser a descrição descrição pode ter parágrafo dentro de certo eu vou até colocar uma classe aqui descrito chama vou colocar uma classe aqui Iva só representativa Tá certo e aqui vai ser como se fosse o conteúdo do Red aqui você tem um menu de repente alguma coisa
certo só representativo para a gente entender os blocos aqui beleza vou salvar Olha só nesse caso aqui agora o título só um H1 Tá certo então Vou estacionar meu código Olha só queda Beleza o título Aqui tá o homem perfeito a description galera ele tá dentro de descrição Oi e o conta está vazio tá vazio porque a gente não tem nada mas se eu colocar aqui ó ontem do Reda aí sei lá o menu é de sete aí ele vai entrar no padrão no default O que é esse cara aqui lembrando que realizando esse lote
quando você usa aqui ele virou o padrão certo se você não declarar nada na hora do uso dessa forma aí ele já vai ser injetado o padrão se você não me olha esse lote você pode definir aonde você quer colocar o seu conteúdo esse caso aqui no título nesse caso aqui na descrição o show de bola porém a gente não terminou ainda só para quem te matar só para gente finalizar matando a pau porque ninguém ensina aí ninguém sim aí né se se o cara em cima Esse daqui é porque o cara é bom rapaz
cara é bom cara igual o pai aqui olha só a gente viu que a gente tem acesso ao elemento né então vamos lá no Hulk mal tem a gente viu que a gente tem acesso a esse cara aqui na gente já viu isso eu salvar abrir aqui cadê meu console para o console a grandão o console a gente tem acesso né ah o template e veja que esse elemento cara é do template do componente mas o template do seu projeto inteiro não então aqui você vai manipular só aquele bloquinho de informação e cara aqui eu
também tenho isso aqui ó lotes e olha só olha só olha só os lotes default description e taipa ninguém seu esse aqui E esse essa aqui para que isso Tiago a para que é isso gente vai ver agora Olha só esse lotito aqui né se eu removo tá então daqui eu removo tá bom a beleza o pai foi removido mas mas mas a minha tag continua lá o jogaram continua lá e você não quer isso com certeza tem uma dá um na página vazio né então é que a gente faz é que a gente faz
jovem olha lá a gente misturando tudo já vê isso a dólar slot.it com porque a gente vê o que a gente tem acesso a gente tem acesso Opa adequação a gente tem acesso ao cara né que é é um objeto é só que agora o título não existe mais porque a gente não tá utilizando o centro mas é um objeto tá então você acessa é lote.de escorpião é show ampliar e para ficar mais fácil scrap shoppe Olá aqui é o Slots Tá certo E aí a gente acessa via objeto default 170 mais título a gente
não decorou agora vou declarar título de novo ou voltar aqui Como atualizar eu vou ter titular certo o meu nome é claro o título não existe como eu utilizei ver isso ou seja só mostre essa esse elemento o ano existe o slot Tom agora meu jovem eu não tenho mais a tag H1 fazia quero ver conhecer minha cidade quero ver meu jovem isso daqui é um recurso poderosíssimo do vgs e a gente vai utilizar muito muito muito no nosso projeto fica comigo eu te vejo aí na próxima vídeo aula foi um [Música] E aí E
aí [Música]
