Entradas

Mostrando las entradas etiquetadas como VUE JS

1-VUE JS- DIRECTIVAS

-
 Vue es un framework de Javascript progresivo para la generación de interfaces visuales. Está pensado para su fácil adopción en aplicaciones pequeñas pero tiene la posibilidad de generar componentes y ser reutilizadas en proyectos medianos y grandes. Sus principales competidores son Angular (Google) y React (Facebook), a diferencia de estos Vue no es un desarrollo de una gran empresa pero tiene el apoyo de muchas pequeñas y una gran comunidad. Es un proyecto iniciado por Evan You en 2014, dicho autor trabajó en Google para el framework Angular. <!doctype html> <html> <head> <title>Prueba Vue</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <div id="aplicacion">{{mensaje}}</div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> var app...
Publicar un comentario
Leer más

2-VUE JS- DIRECTIVAS V-IF V-ELSE

-
 https://vuejs.org/v2/api/#v-if https://es.vuejs.org/v2/guide/conditional.html https://github.com/SaulSoteloSuastegui/vue-1/tree/main/vue-3-v-if Las directivas de Vue v-show y v-if nos permiten establecer condiciones directamente en nuestro etiquetado HTML, sin tener que recurrir a lógica Javascript o realizar código más complejo. Esto nos permite crear múltiples posibilidades directamente en nuestra parte del template, haciendo el código mucho más sencillo. Las directivas vistas en esta lección: v-if agrega o elimina condicionalmente un elemento al DOM. v-show alternativa de v-if, oculta o muestra un elemento con CSS. v-else para mostrar un elemento cuando v-if o v-show se evalúe como falso. La directiva v-if hace algo muy parecido a la directiva v-show pero tiene una diferencia principal: mientras que v-show mantiene el código en el HTML y lo oculta o muestra con CSS dependiendo del valor indicado, v-if evaluará la condición y si es falsa no la colocará en el HTML. Además, con v-...
Publicar un comentario
Leer más