Pasirinktinės direktyvos leidžia išplėsti „Vue“ tinklalapių funkcionalumą keičiamo dydžio ir moduliniu būdu.
Direktyvos yra programavimo konstrukcijos, nurodančios, kaip interpretatoriai ir kompiliatoriai turėtų apdoroti operacijos įvestis. Vue direktyvos išplečia HTML elementų funkcionalumą Vue šablonuose, leidžiančius tiesiogiai valdyti DOM.
Galite naudoti Vue direktyvas, kad pridėtumėte įvykių klausytojus, be kitų operacijų. Prie HTML elementų pridėsite papildomų atributų, kad galėtumėte naudoti direktyvas programoje.
Vue direktyvų struktūra
Vue direktyvose yra a v- priešdėlį, kad atskirtumėte juos nuo įprastų HTML atributų. The v- priešdėlis nurodo Vue kompiliatoriui, kad atributas yra Vue direktyva, todėl jis gali apdoroti ir taikyti tos direktyvos veikimą HTML elementui.
Štai pavyzdys, parodantis, kaip naudojamas v šou atributas an turiniui rodyti h2 elementas:
"tiesa">Sveiki Vue</h2>
Vue.js turi daug daugiau integruotų direktyvų, tokių kaip v-bind, v-jei, ir v-on, leidžianti atlikti tokias užduotis kaip duomenų įrišimas, sąlyginis atvaizdavimas, renginių tvarkymas, ir dar.
Muitinių direktyvų apibrėžimas Vue
Galite apibrėžti pasirinktines direktyvas, kad pridėtumėte naujų, daugkartinio naudojimo funkcijų savo Vue.js programoms. Norint sukurti pasirinktines direktyvas, reikia dviejų pagrindinių žingsnių. Pirmiausia užregistruosite direktyvą vietiniu arba pasauliniu mastu. Tada apibrėžsite direktyvos elgesį, naudodami gyvavimo ciklo kabliukus.
Muitinės direktyvų registravimas
Galite užregistruoti tinkintą direktyvą „Vue“ vietoje arba visame pasaulyje, atsižvelgiant į numatomą jos taikymo sritį. Tačiau labiau įprasta direktyvas registruoti visame pasaulyje. Tai užtikrina, kad direktyvos būtų prieinamos visur jūsų „Vue“ programoje.
Galite užregistruoti pasirinktines direktyvas vietoje, jei ketinate naudoti pasirinktinę direktyvą paprastame Vue komponente. Štai kaip galite užsiregistruoti a v-pakeisti spalvą direktyva vietoje: