Vue.js er et meget kraftfuldt, let at lære og tilgængeligt bibliotek, der med viden om HTML, CSS og Javascript kan vi begynde at opbygge webapplikationer i det. Vue.js er bygget ved at kombinere de bedste funktioner fra allerede eksisterende kantede og reagerende rammer. Det er en progressiv og reaktiv Javascript-ramme, der bruges til at oprette brugergrænseflader (brugergrænseflader) og SPA'er (applikationer med en side), hvorfor udviklerne elsker at kode og føle frihed og komfort, mens de udvikler applikationer i Vue.js.Hvis vi kigger på begivenhedens lytning og håndtering i Vue.js., vi ved, at det giver et "v-on" -direktiv til at lytte og håndtere begivenheder. Vi kan bruge “v-on” -direktivet til at lytte til DOM og udføre de krævede opgaver. Det giver også mange hændelseshandlere. I denne artikel vil vi dog kun lære og holde vores fokus på klikhændelserne. Så lad os komme i gang!
Ligesom Javascript's onClick-begivenhed, Vue.js giver v-on: klik for at lytte begivenheder.
Syntaksen for v-on: click-begivenhed ville være sådan:
Vue.js giver også en stenografi “@” i stedet for at bruge “v-on”.
Vue.js stopper ikke bare med at lytte til klikhændelsen og kalde funktionen. Det giver os også mulighed for direkte at skrive aritmetiske operationer eller andet relateret til Javascript inden for anførselstegnene ””. Ligesom dette:
Vue.js giver os mulighed for at kalde metoden eller funktionen i en integreret Javascript-erklæring, som vist nedenfor:
Brug af Vue.js's eventhandlers, vi kan også få adgang til DOM-begivenheden ved hjælp af inline-erklæring ved at videregive Vue.js leverede især "$ event" -variablen i metodens argument, ligesom eksemplet nedenfor:
Vue.js giver os også mulighed for at kalde flere funktioner eller metoder. Vi kan kalde mere end en funktion og adskille dem med kommaer, som dette eksempel:
Vue.js leverer også hændelsesændringer.
Begivenhedsmodifikatorer
Vi har ofte brug for at kalde modifikatorer sammen med begivenhederne. Så Vue.js indeholder nogle af følgende modifikatorer:
.hold op
Det stopper transmission af klikhændelsen.
.forhindre
Det forhindrer siden i at genindlæse eller omdirigere.
.enkelt gang
Det vil kun udløse klikhændelsen en gang.
.fange
Det bruges mest til at tilføje begivenhedslytteren.
Vi kan også kæde modifikatorerne. Husk dog, at rækkefølgen af modifikatorer betyder noget, og det vil påvirke resultaterne.
Konklusion
I denne artikel har vi dækket hele Click begivenhedshåndteringskoncepter fra noob til ninja niveau. Vi har lært om de forskellige syntakser for at skrive klikhændelser og de forskellige måder at bruge v-on: klik
direktiv leveret af Vue.js for nemheds skyld for udviklere og forskellige begivenhedsmodifikatorer. For mere nyttigt indhold som dette, relateret til Vue.js, fortsæt med at besøge linuxhint.com.