É uma má prática usar o emit direto no evento?

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>