API Introducción
A continuación se muestra una descripción general de la API de ofa.js. Puede revisarlo primero y consultar la documentación detallada en el futuro si es necesario.
Ejemplo relacionado
- $: Principalmente utilizado para obtener métodos de instancia
- all: Obtener todas las instancias relacionadas
- prev: Obtener la instancia anterior al elemento objetivo
- prevs: Obtener todas las instancias anteriores al elemento objetivo
- next: Obtener la instancia siguiente al elemento objetivo
- nexts: Obtener todas las instancias siguientes al elemento objetivo
- siblings: Obtener todas las instancias de elementos adyacentes al elemento objetivo
- parent: Obtener la instancia del elemento padre
- parents: Obtener todas las instancias de los elementos padres
- clone: Método para clonar una instancia
- ele: Obtener el elemento nativo real de la instancia
- shadow: Obtener el nodo raíz de sombra del componente personalizado
- root: Obtener el nodo raíz de la instancia objetivo
- subelemento: Obtener directamente un hijo por su índice
- host: Obtener la instancia del elemento "app" objetivo
Operaciones de nodo
- Agregar o eliminar nodos hijos
- before：Agregar elementos antes de la instancia objetivo
- after：Agregar elementos después de la instancia objetivo
- remove：Eliminar el elemento objetivo
- wrap：Envolver el elemento objetivo con otro elemento
- unwrap：Quitar el elemento de envoltura de la instancia objetivo
Operaciones de atributos
- text: Obtener o establecer el texto del elemento objetivo
- html: Obtener o establecer el código HTML del elemento objetivo
- attr: Obtener o establecer los atributos del elemento objetivo
- css: Obtener o establecer los estilos del elemento objetivo
- style: Obtener los estilos nativos del elemento objetivo
- classList: Obtener la lista de clases nativas del elemento objetivo
- data: Obtener el conjunto de datos nativos del elemento objetivo
Eventos relacionados
- on: vincula un evento a un elemento objetivo
- one: vincula un evento a un elemento objetivo de forma temporal
- emit: activa manualmente un evento
- off: desvincula un evento previamente vinculado
Sintaxis de plantilla
- Renderizado de texto: Renderiza rápidamente texto en archivos de plantilla
- class: Renderiza rápidamente nombres de clases en archivos de plantilla
- sync: Sincroniza rápidamente datos en archivos de plantilla
- Renderizado condicional: Renderiza contenido en archivos de plantilla según condiciones
- Renderizado de listas: Renderiza rápidamente datos de arrays en archivos de plantilla
Ciclo de vida
- created：El componente se crea pero no se activa cuando se renderiza el contenido.
- ready：El componente se crea y se activa después de renderizar el contenido.
- watch：El componente se inicializa y se activa cuando el valor cambia.
- loaded：El componente se activa después de que los recursos internos se cargan.
- attached：El componente se activa después de ser agregado al documento.
- detached：El componente se activa después de ser eliminado del documento.
- routerChange：La página principal incrustada se activa cuando cambia la ruta de la aplicación.
Otros
- Modelo de caja: Obtener todos los datos relacionados con el tamaño del elemento objetivo.
- formData: Facilita la vinculación y obtención de datos de formularios.
- etiqueta: Obtener el nombre de la etiqueta del objetivo.
- índice: Obtener la posición del elemento objetivo en su elemento padre.
- es: Determinar si el elemento objetivo coincide con una expresión del selector CSS.
- actualizar: Actualizar manualmente la interfaz del componente.
- RUTA: Obtener la dirección del archivo de registro del componente o la página.
- extender: Extender los datos o métodos de la instancia; extender los datos o métodos subyacentes de ofa.js;
- versión: Obtener el número de versión de ofa.js actualmente importado.
- Características de los datos de la instancia: Introducir las características de los datos de la sub-objeto de los datos de la instancia, cómo escuchar los cambios en los datos.