Usuario:ManuelRomero/Alpine

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.