Usuario:ManuelRomero/Alpine

De WikiEducator
Saltar a: navegación, buscar
https://www.solucionex.com/blog/descubriendo-alpinejs-el-framework-liviano-alternativa-jquery

Instalacion

    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.3/dist/alpine.min.js" defer></script>
Directivas (funciones a agregar en el html)
  • x-data Nos permite declarar un nuevo scope (espacio de trabajo) del componente
  • x-show: Muestra, o no, un elemento dependiendo de un resultado booleano.
  • x-bind: Asigna el valor de un atributo a partir del resultado de una expresión javascript.
  • x-model: Mantiene la entrada del elemento sincronizado con los datos del componente.
  • x-on: Adjunta un evento a un elemento y ejecuta una expresión javascript cuando se emite el evento.
  • x-text: Actualiza el texto que contiene un elemento.
  • x-for: Permite crear tantos nodos en el DOM como elementos contenga un array dado.