Já trabalho com Vuejs, inclusive usando Nuxt.js, e surgiu a dúvida vendo o curso: essa forma de fazer emit de eventos de um componente é má prática ou é só uma abstração? Segue o código abaixo:
<template>
<button
class="button"
@click="$emit('iniciarTarefa')" <!-- má prática? -->
:disabled="cronometroRodando"
>
<span class="icon">
<i class="fas fa-play"></i>
</span>
<span>play</span>
</button>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
name: "BotaoPlay", /* má prática não indicar os emits do componente? Não é necessário indicar os emits, mas é uma boa prática para deixar o código mais legível?*/
props: {
cronometroRodando: {
type: Boolean,
default: true,
}
}
});
</script>
