Kuidas Vue's kohandatud direktiive luua

Direktiivid on programmeerimiskonstruktsioonid, mis täpsustavad, kuidas interpretaatorid ja kompilaatorid peaksid operatsiooni sisendeid töötlema. Vue direktiivid laiendavad Vue mallide HTML-elementide funktsionaalsust, võimaldades DOM-i otsest manipuleerimist.

Saate Vue's kasutada käskkirju sündmuste kuulajate lisamiseks muu hulgas. Rakenduses direktiivide kasutamiseks lisate HTML-i elementidele täiendavaid atribuute.

Vue direktiivide struktuur

Vue direktiividel on a v- eesliide, et eristada neid tavalistest HTML-atribuutidest. The v- eesliide ütleb Vue kompilaatorile, et atribuut on Vue direktiiv, et ta saaks selle direktiivi käitumist töödelda ja HTML-elemendile rakendada.

Siin on näide, mis demonstreerib selle kasutamist v-show atribuut an sisu kuvamiseks h2 element:

"tõsi">Tere Vue</h2>

Vue.js-il on palju rohkem sisseehitatud direktiive, näiteks v-side, v-kuija v-on, mis võimaldab teil täita selliseid ülesandeid nagu

andmete sidumine, tingimuslik renderdamine, sündmuste käsitlemine, ja veel.

Vue tollidirektiivide määratlemine

Saate määratleda kohandatud direktiivid, et lisada oma Vue.js rakendustele uusi korduvkasutatavaid funktsioone. Kohandatud direktiivide loomine nõuab kahte peamist sammu. Esiteks registreerite direktiivi lokaalselt või globaalselt. Seejärel määratlete direktiivi käitumise elutsükli konksude abil.

Tollidirektiivide registreerimine

Saate registreerida kohandatud käskkirja Vue's lokaalselt või globaalselt, olenevalt selle kavandatavast ulatusest. Levinud praktika on aga direktiivide registreerimine globaalselt. See tagab, et juhised on teie Vue rakenduses kõikjal saadaval.

Kohandatud direktiive saate registreerida kohapeal, kui kavatsete kasutada kohandatud direktiivi lihtsas Vue komponendis. Siit saate registreerida a v-värvi muutmine kohalik direktiiv: