Pielāgotas direktīvas ļauj paplašināt Vue tīmekļa lapu funkcionalitāti mērogojamā un modulārā veidā.
Direktīvas ir programmēšanas konstrukcijas, kas nosaka, kā tulkiem un kompilatoriem jāapstrādā ievades operācijai. Vue direktīvas paplašina HTML elementu funkcionalitāti Vue veidnēs, ļaujot tieši manipulēt ar DOM.
Varat izmantot Vue direktīvas, lai citu darbību starpā pievienotu notikumu uztvērējus. Lai lietotnē izmantotu direktīvas, HTML elementiem būs jāpievieno papildu atribūti.
Vue direktīvu struktūra
Vue direktīvās ir a v- prefiksu, lai tos atšķirtu no parastajiem HTML atribūtiem. The v- prefikss norāda Vue kompilatoram, ka atribūts ir Vue direktīva, lai tas varētu apstrādāt un lietot šīs direktīvas darbību HTML elementam.
Šeit ir piemērs, kas parāda, kā tiek izmantots v-show atribūts, lai parādītu an satura h2 elements:
"patiess">Sveiks Vue</h2>
Vue.js ir daudz vairāk iebūvētu direktīvu, piemēram v-saiste, v-ja, un v-on, kas ļauj veikt tādus uzdevumus kā datu saistīšana, nosacījuma atveide, notikumu apstrāde, un vēl.
Pielāgotu direktīvu definēšana Vue
Varat definēt pielāgotas direktīvas, lai savām Vue.js lietotnēm pievienotu jaunas, atkārtoti lietojamas funkcionalitātes. Pielāgotu direktīvu izveidei nepieciešami divi galvenie soļi. Pirmkārt, jūs reģistrēsit direktīvu lokāli vai globāli. Pēc tam jūs definēsit direktīvas darbību, izmantojot dzīves cikla āķus.
Muitas direktīvu reģistrēšana
Varat reģistrēt pielāgotu direktīvu Vue lokāli vai globāli atkarībā no paredzētās darbības jomas. Tomēr izplatītāka prakse ir direktīvas reģistrēt globāli. Tas nodrošina, ka norādījumi ir pieejami visur jūsu Vue lietojumprogrammā.
Varat reģistrēt pielāgotas direktīvas lokāli, ja plānojat izmantot pielāgoto direktīvu vienkāršā Vue komponentā. Lūk, kā jūs varat reģistrēties a v-maiņa krāsa direktīva lokāli:
