Cómo mostrar y ocultar elementos usando v-show de la biblioteca Vue.js

Pasos:

Cree una página estática vshow.html y cambie el título "Directiva Vue.js v-show", como se muestra a continuación:

En Vue Importe archivos JavaScript a .js y preste atención a la ubicación donde se introduce js. Como se muestra en la siguiente figura:

Inserte un div dentro del elemento del cuerpo e inserte tres elementos p dentro de la etiqueta div, a saber, v-if, v-else y v-show, como se muestra a continuación. figura:

Inserte el elemento lt;scriptgt;lt;/scriptgt; debajo de la etiqueta div y agregue el código Vue.js, como se muestra a continuación:

Introduzca el archivo JavaScript en Vue.js, y preste atención a la ubicación donde se introduce js. js, como se muestra en la siguiente figura:

Vista previa de la página estática, que mostrará el contenido, como se muestra en la siguiente figura:

Paso 6, cambie el valor del atributo local a "false " y luego obtenga una vista previa de la página nuevamente, como se muestra a continuación:

Vue.js (pronunciado Vue.js (pronunciado /vju?/, similar a view) es una herramienta para generar datos Interfaces web impulsadas Un marco incremental Vue.js tiene como objetivo implementar componentes de vista compuesta y enlace de datos receptivos a través de la API más simple. No solo es fácil de comenzar, sino que también es fácil de integrar con bibliotecas de terceros o proyectos existentes. /p>

Por otro lado, cuando se combina con las bibliotecas y los componentes de un solo archivo compatibles con el ecosistema .Vue, Vue es totalmente capaz de impulsar aplicaciones complejas de una sola página.

Vue.js es no es un marco completo por sí solo, solo se centra en la capa de vista, por lo que es muy fácil de aprender e integrar con otras bibliotecas o proyectos existentes. perfectamente cuando se utiliza con herramientas relacionadas y bibliotecas de soporte complejas de una sola página