Direktive po meri vam omogočajo razširitev funkcionalnosti vaših spletnih strani Vue na razširljiv in modularen način.
Direktive so programski konstrukti, ki določajo, kako naj tolmači in prevajalniki obdelajo vhodne podatke za operacijo. Direktive Vue razširjajo funkcionalnost elementov HTML v predlogah Vue, kar omogoča neposredno manipulacijo DOM.
V Vue lahko uporabite direktive, da med drugimi operacijami dodate poslušalce dogodkov. Elementom HTML boste dodali dodatne atribute za uporabo direktiv v svoji aplikaciji.
Struktura direktiv Vue
Direktive v Vue imajo a v- predpono, da jih ločite od običajnih atributov HTML. The v- predpona pove prevajalniku Vue, da je atribut direktiva Vue, tako da lahko obdela in uporabi vedenje te direktive za element HTML.
Tukaj je primer, ki prikazuje uporabo v-oddaja atribut za prikaz vsebine an h2 element:
"prav">Pozdravljen Vue</h2>
Vue.js ima veliko več vgrajenih direktiv, kot je v-vezava, v-če, in v-on, ki vam omogoča opravljanje nalog, kot je vezava podatkov, pogojno upodabljanje, obravnavanje dogodkov, in več.
Definiranje direktiv po meri v Vue
Določite lahko direktive po meri, da dodate nove funkcije za večkratno uporabo za svoje aplikacije Vue.js. Ustvarjanje direktiv po meri zahteva dva glavna koraka. Najprej boste direktivo registrirali lokalno ali globalno. Nato boste definirali vedenje direktive s kavlji življenjskega cikla.
Registracija direktiv po meri
Direktivo po meri lahko registrirate v Vue lokalno ali globalno, odvisno od predvidenega obsega. Vendar pa je bolj običajna praksa, da se direktive registrirajo globalno. To zagotavlja, da so direktive na voljo povsod v vaši aplikaciji Vue.
Lokalno lahko registrirate direktive po meri, če nameravate uporabiti direktivo po meri znotraj preproste komponente Vue. Tukaj je opisano, kako lahko registrirate a v-sprememba barve direktiva lokalno:
