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-if podemos usar v-else y/o v-else-if, por lo que es algo más potente.

NOTA:::Two-way data binding significa un enlace en dos direcciones, es decir, que el modelo puede cambiar la vista, pero que la vista también puede cambiar al modelo, lo que implica que siempre todo estará actualizado automáticamente.