Fale sobre o ciclo de vida de um componente Vue.

O ciclo de vida de um componente Vue é a sequência de etapas pelas quais passa um componente desde a sua criação até à sua destruição. As principais fases do ciclo de vida e os hooks correspondentes:

1. Criação (Creation)

   • beforeCreate — inicialização, dados e eventos ainda não disponíveis.
   • created — dados e métodos já disponíveis, mas o DOM ainda não está montado.

2. Montagem (Mounting)

   • beforeMount — antes de montar no DOM.
   • mounted — o componente está montado, pode-se trabalhar com o DOM.

3. Atualização (Updating)

   • beforeUpdate — antes de atualizar os dados e re-renderizar.
   • updated — após a atualização do DOM.

4. Desmontagem (Unmounting)

   • beforeUnmount — antes de remover o componente.
   • unmounted — após remover o componente do DOM.

Estes hooks permitem executar código em momentos específicos, por exemplo, inicializar dados, subscrever-se a eventos, libertar recursos.

Exemplo de uso de um hook:

export default {
  mounted() {
    console.log('O componente foi montado');
  },
  beforeUnmount() {
    console.log('O componente será removido');
  }
}