Met aangepaste richtlijnen kunt u de functionaliteit van uw Vue-webpagina's op een schaalbare en modulaire manier uitbreiden.
Richtlijnen zijn programmeerconstructies die specificeren hoe tolken en compilers invoer voor een bewerking moeten verwerken. Vue-richtlijnen breiden de functionaliteit van HTML-elementen in Vue-sjablonen uit, waardoor directe manipulatie van de DOM mogelijk is.
U kunt richtlijnen in Vue gebruiken om onder andere gebeurtenislisteners toe te voegen. U voegt extra attributen toe aan HTML-elementen om richtlijnen in uw app te gebruiken.
De structuur van Vue-richtlijnen
Richtlijnen in Vue hebben een v- prefix om ze te onderscheiden van gewone HTML-attributen. De v- prefix vertelt de Vue-compiler dat het attribuut een Vue-richtlijn is, zodat het het gedrag van die richtlijn kan verwerken en toepassen op het HTML-element.
Hier is een voorbeeld dat het gebruik van de v-show attribuut om de inhoud van een h2 element:
"WAAR">Hallo Vue</h2>
Vue.js heeft veel meer ingebouwde richtlijnen zoals
v-binden, v-als, En v-aan, zodat u taken kunt uitvoeren zoals Dataverbinding, voorwaardelijke weergave, afhandeling van evenementen, en meer.Aangepaste richtlijnen definiëren in Vue
U kunt aangepaste richtlijnen definiëren om nieuwe, herbruikbare functionaliteit voor uw Vue.js-apps toe te voegen. Het maken van aangepaste richtlijnen vereist twee belangrijke stappen. Eerst registreert u de richtlijn lokaal of wereldwijd. Vervolgens definieert u het gedrag van de richtlijn met lifecycle-hooks.
Douanerichtlijnen registreren
U kunt een aangepaste richtlijn lokaal of wereldwijd registreren in Vue, afhankelijk van de beoogde reikwijdte. Het is echter gebruikelijker om richtlijnen wereldwijd te registreren. Dit zorgt ervoor dat richtlijnen overal in uw Vue-applicatie beschikbaar zijn.
U kunt aangepaste richtlijnen lokaal registreren als u van plan bent de aangepaste richtlijn in een eenvoudig Vue-onderdeel te gebruiken. Hier leest u hoe u een v-kleur wijzigen richtlijn lokaal: