Notas de estudio de Vue "continuamente actualizadas"

(1) el punto de montaje: 
1. ¿Cuál es el alcance de la instancia de Vue? 
Vue administrará el elemento golpeado por la opción el y sus elementos descendientes 
2. ¿Es posible usar otros selectores? 
Se pueden usar otros selectores, pero 
se recomienda el selector de ID 3. ¿Es posible establecer otros elementos dom? 
Se pueden usar otras etiquetas dobles, pero no se pueden usar HTML ni BODY 


(2) v-text 
1. Función: establece el contenido de la etiqueta 
2. El método de escritura predeterminado reemplazará todo el contenido y la expresión de diferencia { 
  
  {}} se puede usar para reemplazar el contenido especificado 
(3) v-show 
1. Función: cambiar el estado 
de visualización de los elementos según 
verdadero y 
falso Ocultar el elemento falso 
5. Después de cambiar los datos, el estado de visualización del elemento correspondiente será actualizado sincrónicamente 


(4) v-if 
1. Función: cambia el estado de visualización del elemento según el verdadero o falso de la expresión 
2. Esencia: cambia la visualización operando el estado del elemento dom 
3. El valor es verdadero, el elemento el elemento existe en el árbol dom, el valor es falso y se elimina del árbol dom 
4. Cambio frecuente de v-show, de lo contrario, se usa v-if, y el consumo de cambio del primero es pequeño 


(5) v -bind 
1 .Instrucción: Vincular atributos a elementos 
2.Escritura: v-bind: nombre de atributo 
3. En resumen, puede omitir v-bind directamente, solo mantener: nombre de atributo
4.** Es necesario agregar y eliminar clases dinámicamente. Se recomienda usar el método de objeto 


(6) v-for: 
1. Función: generar una estructura de lista basada en datos 
2. Las matrices se usan a menudo en combinación con for 
3. La sintaxis es (elemento, índice) en los datos 
4. El elemento y el índice se pueden usar en combinación con otras directivas 
5. La actualización de la matriz se sincronizará con la página, que responde. 


(7) v-model 
1. Enlace bidireccional 
v-model 


// Azúcar sintáctico: también traducido como sintaxis recubierta de azúcar, principalmente para comodidad de los programadores. En términos generales, el uso de azúcar sintáctico puede aumentar la legibilidad del programa. , reduciendo así el código del programa Posibilidad de salir mal.

Supongo que te gusta

Origin blog.csdn.net/weixin_60789461/article/details/123390337
Recomendado
Clasificación