TPG

Phones, tablets, news, tutorials, technology, science.

miƩrcoles, 14 de marzo de 2018

Introduccion a VueJS Parte 4 - Directivas de VueJS



VueJS nos proporciona varias directivas para utilizarlas sobre los elementos del DOM, estas directivas son atributos especiales para cualquier elemente, suelen empezar por ‘v-prefijo’, donde prefijo es el nombre de la directiva.

Directiva v-show

Esta directiva se utiliza para mostrar o ocultar un elemento dependiendo de la variable que se le pase que debe de ser del tipo Boleana, y se mostrara si es true y se ocultara si el false.

<body>
<div id="app">
<div v-show="ver">
<span>No me ves!</span>
</div>
</div>
</body>
<script src="vue.js"></script>
<script type="text/javascript">
var App = new Vue({
el: '#app',
data: {
nombre: 'Pepe',
ver: false
}
});
</script>

No hay comentarios:

Publicar un comentario