https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/Alpine&feed=atom&action=historyUsuario:ManuelRomero/Alpine - Historial de revisiones2024-03-29T09:48:54ZHistorial de revisiones para esta página en el wikiMediaWiki 1.23.14https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/Alpine&diff=27844&oldid=prevManuelRomero: Página creada con « https://www.solucionex.com/blog/descubriendo-alpinejs-el-framework-liviano-alternativa-jquery ===Instalacion=== <source lang=html5> <script src="https://cdn.jsdelivr....»2021-03-10T11:03:41Z<p>Página creada con « https://www.solucionex.com/blog/descubriendo-alpinejs-el-framework-liviano-alternativa-jquery ===Instalacion=== <source lang=html5> <script src="https://cdn.jsdelivr....»</p>
<p><b>Página nueva</b></p><div><br />
https://www.solucionex.com/blog/descubriendo-alpinejs-el-framework-liviano-alternativa-jquery<br />
===Instalacion===<br />
<source lang=html5><br />
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.3/dist/alpine.min.js" defer></script><br />
</source><br />
;Directivas (funciones a agregar en el html)<br />
*'''''x-data''''' Nos permite declarar un nuevo scope (espacio de trabajo) del componente<br />
<br />
*'''''x-show''''': Muestra, o no, un elemento dependiendo de un resultado booleano.<br />
<br />
*'''''x-bind''''': Asigna el valor de un atributo a partir del resultado de una expresión javascript.<br />
<br />
*'''''x-model''''': Mantiene la entrada del elemento sincronizado con los datos del componente.<br />
<br />
*'''''x-on''''': Adjunta un evento a un elemento y ejecuta una expresión javascript cuando se emite el evento.<br />
<br />
*'''''x-text''''': Actualiza el texto que contiene un elemento.<br />
<br />
*'''''x-for''''': Permite crear tantos nodos en el DOM como elementos contenga un array dado.</div>ManuelRomero