Saltearse al contenido

Resumen

Aquí hay una lista de todo lo exportado por la biblioteca Owl:

Entidades principales:

  • App: Representan una aplicación Owl (principalmente un componente raíz, un conjunto de plantillas y una configuración).
  • Component: La clase principal para definir un componente Owl concreto
  • mount: Punto de entrada principal para la mayoría de las aplicaciones: montar un componente en un objetivo
  • xml: Ayudante para definir una plantilla en línea

Reactividad

  • useState: crear un objeto reactivo (hook, vinculado a un componente específico)
  • reactive: crear un objeto reactivo (no vinculado a ningún componente)
  • markRaw: Marcar un objeto o una matriz para que el sistema de reactividad lo ignore.
  • toRaw: Dado un objeto reactivo, devuelve el objeto subyacente sin procesar (no reactivo)

Ciclo de vida de los hooks:

  • onWillStart: hook para definir el código asincrónico que se debe ejecutar antes de que se renderice el componente
  • onMounted: hook para definir el código que se debe ejecutar cuando se monta el componente
  • onWillPatch: hook para definir el código que se debe ejecutar antes de que se aplique el parche al componente
  • onWillUpdateProps: hook para definir el código que se debe ejecutar antes de que se actualice el componente
  • onPatched: hook para definir el código que se debe ejecutar cuando se aplica el parche al componente
  • onWillRender: hook para definir el código que se debe ejecutar antes de que se renderice el componente
  • onRendered: hook para definir el código que se debe ejecutar después de que se renderice el componente
  • onWillUnmount: hook para definir el código que debe ejecutarse antes de desmontar el componente
  • onWillDestroy: hook para definir el código que debe ejecutarse antes de destruir el componente
  • onError: hook para definir un controlador de errores Owl

Otros hooks:

  • useComponent: devuelve una referencia al componente actual (útil para crear ganchos derivados)
  • useEffect: define un efecto con sus dependencias
  • useEnv: devuelve una referencia al entorno actual
  • useExternalListener: agrega un oyente fuera del DOM de un componente
  • useRef: obtiene un objeto que representa una referencia (t-ref)
  • useChildSubEnv: extiende el entorno actual con información adicional (para componentes secundarios)
  • useSubEnv: extiende el entorno actual con información adicional (para el componente actual y los componentes secundarios)

Útiles/Helpers:

  • EventBus: un bus de eventos simple
  • loadFile: un asistente para cargar un archivo desde el servidor
  • markup: función de utilidad para definir cadenas que representan HTML (no deben ser escapadas)
  • status: función de utilidad para obtener el estado de un componente (nuevo, montado o destruido)
  • validate: valida si un objeto satisface un esquema especificado
  • whenReady: función de utilidad para ejecutar código cuando el DOM está listo
  • batched: función de utilidad para agrupar llamadas a funciones