Prilagođene direktive omogućuju vam proširenje funkcionalnosti vaših Vue web stranica na skalabilan i modularan način.
Direktive su programske konstrukcije koje određuju kako tumači i prevoditelji trebaju obraditi ulaze za operaciju. Vue direktive proširuju funkcionalnost HTML elemenata u Vue predlošcima, dopuštajući izravnu manipulaciju DOM-om.
Možete koristiti direktive u Vueu za dodavanje slušatelja događaja, između ostalih operacija. Priložit ćete dodatne atribute HTML elementima za korištenje direktiva u svojoj aplikaciji.
Struktura Vue direktiva
Direktive u Vueu imaju a v- prefiks kako bi ih razlikovali od regularnih HTML atributa. The v- prefiks govori Vue prevoditelju da je atribut Vue direktiva tako da može obraditi i primijeniti ponašanje te direktive na HTML element.
Evo primjera koji pokazuje upotrebu v-emisija atribut za prikaz sadržaja an h2 element:
"pravi">Zdravo Vue</h2>
Vue.js ima mnogo više ugrađenih direktiva poput v-vezivanje, v-ako, i v-na, omogućujući vam izvršavanje zadataka poput vezanje podataka, uvjetno prikazivanje, rukovanje događajima, i više.
Definiranje prilagođenih direktiva u Vueu
Možete definirati prilagođene direktive za dodavanje novih funkcija za višekratnu upotrebu za vaše Vue.js aplikacije. Stvaranje prilagođenih direktiva zahtijeva dva glavna koraka. Prvo ćete registrirati direktivu lokalno ili globalno. Zatim ćete definirati ponašanje direktive s kukicama životnog ciklusa.
Registriranje prilagođenih direktiva
Možete registrirati prilagođenu direktivu u Vue lokalno ili globalno, ovisno o njezinom namjeravanom opsegu. Međutim, češća je praksa da se direktive registriraju globalno. Ovo osigurava da su direktive dostupne posvuda unutar vaše Vue aplikacije.
Prilagođene direktive možete registrirati lokalno ako namjeravate koristiti prilagođene direktive unutar jednostavne Vue komponente. Evo kako možete registrirati a v-promjena boje direktiva lokalno: