Comenzando con Vue.js + Aplicación práctica de pequeños proyectos de Vue

Vue.js (pronunciado /vju?/, como vista) es un marco progresivo para crear interfaces de usuario. A diferencia de otros marcos pesados, la biblioteca principal de Vue solo se centra en la capa de vista.

El objetivo de Vue.js es implementar enlace de datos reactivo y componentes de vista compuesta a través de la API más simple posible.

Vue.js es un marco MVVM, donde html es la capa de vista, js es la capa de modelo y la lógica subyacente está vinculada a través de vue.js (usando la directiva v-model). Cambiar cualquiera de estas capas cambiará las demás;

Definición:

Demostración

Consejos

Datos proxy de la instancia de Vue Las propiedades en el objeto solo responderá a las actualizaciones cuando se inicialicen cuando se crea la instancia. Si estas propiedades se agregan después de crear la instancia, la actualización de la vista no se activará.

Interpretación:

Leer:

Demostración

Demostración

Leer:

Leer:

Demostración

Lectura:

Demostración

Este capítulo presenta las operaciones básicas de enlace de datos de Vue, que incluyen:

Lectura:

Demostración

Leer:

Demostración

Leer:

Leer:

Leer:

Este capítulo presenta las operaciones de enlace de datos de Vue Basic. > Explicación:

El objeto de cálculo de la instancia de Vue tiene solo un captador de forma predeterminada. Si desea configurar los datos, puede proporcionar un definidor, es decir, un definidor. > Interpretación:

Consejos No importa qué método se utilice, el requisito previo es que la clase en CSS se debe configurar primero

Demostración

Interpretación:

Demostración

La sección anterior presentó brevemente las instrucciones v-if, v-for y v-on, y la siguiente sección presentará las tres instrucciones anteriores en detalle