Hola Mundo:

• Crea una aplicación Vue.js que muestre el mensaje «Hola Mundo» en la pantalla.

Contador:

• Crea un componente que tenga un botón. Cada vez que se haga clic en el botón, el contador debe incrementar su valor y mostrarlo en la pantalla.

Interpolación de Datos:

• Crea un componente que tenga una propiedad en su data y usa la interpolación de datos para mostrar esa propiedad en la plantilla.

Directiva v-model:

• Crea un formulario simple con un campo de texto y vincula su valor a una propiedad en el data usando v-model. Muestra el valor actualizado en tiempo real en un párrafo debajo del formulario.

Directiva v-if:

• Crea un componente que muestre un mensaje solo si una propiedad booleana en data es true. Usa v-if para esto.

Directiva v-for:

• Crea un componente que tenga una lista de elementos en su data y usa v-for para iterar sobre la lista y mostrar cada elemento en la pantalla.

Métodos y Eventos:

• Crea un botón que, al ser clicado, ejecute un método que cambia el texto de un párrafo.

Componentes Anidados:

• Crea un componente padre que contenga un componente hijo. Pasa datos del componente padre al hijo usando props.

Propiedades Computadas:

• Crea un componente con una propiedad computada que derive su valor de una o más propiedades en data. Muestra el resultado de la propiedad computada en la plantilla.

Watchers:

• Crea un componente con una propiedad en data y usa un watcher para ejecutar una función cada vez que la propiedad cambie. Muestra un mensaje en la consola cada vez que el valor cambia.