x-on in Alpine Js

Опубликовано: 05 Март 2026
на канале: CodingByMahajans
155
4

In this Video, we will see how to use x-on:click directive in Alpine JS. We will use this to update the property on the click of button.

This is the 3rd Video in Playlist "Getting Started with Alpine JS". Other Videos are:

1. Installation:    • Alpine Js - Installation  
2. x-data:    • x-data in Alpine Js  
3. x-on:    • x-on in Alpine Js  
4. Multipe Properties:    • Multiple Properties in Alpine Js  
5. Methods:    • Methods in Alpine Js  
6. Reusable Data:    • Reusable Data in Alpine Js  
7. x-init:    • x-init in Alpine Js  
8. x-bind:    • x-bind in Alpine Js  
9. x-show:    • x-show in Alpine Js  
10. x-transition:    • x-transition Alpine Js  
11. x-model:    • x-model in Alpine Js  
12. x-for:    • x-for in Alpine Js  
13. $dispatch:    • $dispatch in Alpine Js