Vlastní direktivy vám umožňují rozšířit funkčnost vašich webových stránek Vue škálovatelným a modulárním způsobem.
Direktivy jsou programovací konstrukce, které určují, jak mají interprety a kompilátory zpracovávat vstupy pro operaci. Direktivy Vue rozšiřují funkčnost prvků HTML v šablonách Vue a umožňují přímou manipulaci s DOM.
Direktivy ve Vue můžete kromě jiných operací použít k přidání posluchačů událostí. K prvkům HTML připojíte další atributy, abyste mohli ve své aplikaci používat příkazy.
Struktura směrnic Vue
Směrnice ve Vue mají a proti- prefix, abyste je odlišili od běžných atributů HTML. The proti- prefix říká kompilátoru Vue, že atribut je direktiva Vue, takže může zpracovat a aplikovat chování této direktivy na prvek HTML.
Zde je příklad, který demonstruje použití v-show atribut pro zobrazení obsahu an h2 živel:
"skutečný">Ahoj Vue</h2>
Vue.js má mnohem více vestavěných direktiv, jako je v-vázat, v-jestliže, a v-on, což vám umožní provádět úkoly, jako je datová vazba, podmíněné vykreslování, zpracování událostí, a více.
Definování vlastních směrnic ve Vue
Můžete definovat vlastní direktivy pro přidání nových, opakovaně použitelných funkcí pro vaše aplikace Vue.js. Vytvoření vlastních direktiv vyžaduje dva hlavní kroky. Nejprve zaregistrujete direktivu lokálně nebo globálně. Poté definujete chování směrnice pomocí háčků životního cyklu.
Registrace celních směrnic
Vlastní direktivu můžete ve Vue zaregistrovat lokálně nebo globálně, v závislosti na jejím zamýšleném rozsahu. Je však běžnější praxí registrovat směrnice globálně. To zajišťuje, že direktivy jsou dostupné všude uvnitř vaší aplikace Vue.
Vlastní direktivy můžete registrovat lokálně, pokud máte v úmyslu použít vlastní direktivu uvnitř jednoduché komponenty Vue. Zde je návod, jak se můžete zaregistrovat a v-změnit barvu direktiva lokálně:
