Vlastné direktívy vám umožňujú rozšíriť funkčnosť vašich webových stránok Vue škálovateľným a modulárnym spôsobom.
Direktívy sú programové konštrukcie, ktoré špecifikujú, ako by mali interpreti a kompilátory spracovávať vstupy pre operáciu. Direktívy Vue rozširujú funkčnosť prvkov HTML v šablónach Vue a umožňujú priamu manipuláciu s DOM.
Okrem iných operácií môžete vo Vue použiť príkazy na pridávanie poslucháčov udalostí. Ak chcete použiť príkazy vo svojej aplikácii, k prvkom HTML pripojíte ďalšie atribúty.
Štruktúra smerníc Vue
Smernice vo Vue majú a v- prefix, aby ste ich odlíšili od bežných HTML atribútov. The v- predpona hovorí kompilátoru Vue, že atribút je direktíva Vue, takže môže spracovať a aplikovať správanie tejto smernice na HTML element.
Tu je príklad, ktorý demonštruje použitie v-show atribút na zobrazenie obsahu h2 element:
"pravda">Ahoj Vue</h2>
Vue.js má oveľa viac vstavaných smerníc, ako napr v-viazať, v-ak, a v-on, ktorý vám umožní vykonávať úlohy ako dátová väzba, podmienené vykreslenie, spracovanie udalostí, a viac.
Definovanie colných smerníc vo Vue
Môžete definovať vlastné direktívy na pridanie nových, opakovane použiteľných funkcií pre vaše aplikácie Vue.js. Vytvorenie vlastných direktív vyžaduje dva hlavné kroky. Najprv zaregistrujete smernicu lokálne alebo globálne. Potom zadefinujete správanie smernice pomocou hákov životného cyklu.
Registrácia colných smerníc
Vlastnú direktívu môžete zaregistrovať vo Vue lokálne alebo globálne, v závislosti od jej zamýšľaného rozsahu. Je však bežnejšou praxou registrovať smernice globálne. To zaisťuje, že príkazy sú dostupné všade vo vašej aplikácii Vue.
Vlastné direktívy môžete zaregistrovať lokálne, ak máte v úmysle použiť vlastnú direktívu v jednoduchom komponente Vue. Tu je postup, ako sa môžete zaregistrovať a v-zmena farby lokálna smernica:
