1
resposta

Duvida sobre o que o evento , o que ele está enviando?

No componente de botão na parte de como o professor fez ele recomenda usar uma emit, eu não fiz dessa forma, e queria entender o que é enviado para o componente pai quando deixamos o segundo parametro da $emit vazio, eu dei um console.log mas veio undefined.

Como eu fiz: Componente Botao:

    <button 
        class="button"  
        :disabled="cronometroRodando"          
    >
        <span class="icon">
            <i :class="icone" ></i>
        </span>
        <span>{{ texto }}</span>

    </button>   

Componente Temporizador:

    ```

<Botao texto="play" icone="fas fa-play" :cronometroRodando="cronometroRodando" @click="iniciar" /> `

    <Botao 
        texto="stop" 
        icone="fas fa-stop" 
        :cronometroRodando="!cronometroRodando"
        @click="finalizar"
    />

Qual a diferença entre os 2 métodos?

Método usado pelo instrutor:

methods: { clicado () : void { this.$emit('clicado') } }

1 resposta

Salve, Valmir!

A diferença é que você está reagindo ao evento HTML nativo do click.

Durante o curso nós emitimos um evento customizado.

Quando utilizamos os eventos nativos, não temos controle e não conseguimos aplicar nenhuma regra de negócio. Já quando usamos os eventos customizados, temos total controle e podemos fazer exatamente o que queremos!

Essa é a diferença :)