Ejecutar Código al Montar un Componente

VueonMounted

<script setup lang="ts">
import { onMounted } from 'vue'

onMounted(() => {
  console.log('Component is ready')
})
</script>

<template>
  <p>Ready</p>
</template>

Registra onMounted para ejecutar la tarea cuando el DOM del componente ya se ha insertado.

Vue docs

ReactuseEffect + []

import { useEffect } from 'react'

function Status() {
  useEffect(() => {
    console.log('Component is ready')
  }, [])

  return <p>Ready</p>
}

Usa useEffect con un array de dependencias vacío para ejecutar el efecto tras el primer renderizado.

React docs

AngularngAfterViewInit

import { Component } from '@angular/core'

@Component({
  selector: 'app-status',
  standalone: true,
  template: `<p>Ready</p>`,
})
export class StatusComponent {
  ngAfterViewInit() {
    console.log('Component is ready')
  }
}

Define ngAfterViewInit para ejecutar la tarea cuando la vista del componente y sus hijos están inicializados.

Angular docs