Colección de citas famosas - Libros antiguos - Introducción: las seis instrucciones integradas de uso común de Vue

Introducción: las seis instrucciones integradas de uso común de Vue

Las directivas son una sintaxis de plantilla proporcionada por Vue para que los desarrolladores los ayuden a presentar la estructura básica de la página.

Los datos utilizados se definen en los datos de la instancia y el evento se define en el método de la instancia.

Solo se puede representar contenido de texto sin formato, lo que sobrescribirá el contenido original dentro del marcado.

Solo se puede representar contenido de texto sin formato y el contenido original dentro del marcado no se sobrescribirá.

Al representar una cadena etiquetada como contenido html se sobrescribirá el contenido original dentro de la etiqueta.

Vincular dinámicamente el valor del atributo al atributo del elemento.

Nota: Las expresiones de interpolación y v-bind también admiten la operación de expresiones JavaScript.

Vincular eventos a elementos

Siempre que sea un evento, puedes usar modificadores. Aquí hay cinco modificadores de uso común.

A continuación se enumeran dos modificadores de uso común, que solo se pueden usar cuando se activan eventos de teclado.

Obtenga rápidamente datos del formulario (solo aplicable a elementos del formulario como entrada, área de texto y selección).

Modificador que sólo se puede utilizar en modelos verticales.

Controla la visualización y ocultación de DOM (verdadero significa mostrar, falso significa ocultar). El principio es agregar/eliminar dinámicamente el estilo display:none, que generalmente se usa para cambios frecuentes.

Controla la visualización y ocultación de DOM (verdadero significa mostrar, falso significa ocultar). El principio es crear/eliminar elementos dinámicamente, que generalmente se usan para no mostrar o mostrar menos de forma predeterminada.

Úselo junto con la directiva v-if, de lo contrario no será reconocido.

El bucle representa una estructura de lista basada en matrices, que tiene una estructura de sintaxis específica v-for="items in items".

Nota: en. En un archivo vue, siempre que utilice la directiva v-for, debe vincular un atributo clave.

Autor: Usuario 2031777005900

Enlace: /post/7105273755168931877.