A keretrendszer célja olyan funkciók biztosítása, amelyek megkönnyítik és gyorsítják a fejlesztői folyamatot. Vue.A js egy olyan funkciókkal gazdagított JavaScript keretrendszer, amely számos beépített funkciót és irányelvet biztosít a fejlesztési folyamat gyors megvalósításához. De el kell érnie néhány forgatókönyvet, amikor olyan funkciókra van szüksége, amelyek nem állnak rendelkezésre a keretrendszerben, ezért meg kell építenie a sajátját.
Ebben a bejegyzésben megtanuljuk és megnézzük a Vue által biztosított beépített irányelveket.js keretrendszert, és megtanuljuk saját, egyedi Vue irányelvünk létrehozását és használatát is.
Irányelv
Az irányelvek olyan attribútumok, amelyeket összekapcsolhat a DOM elemekkel, előtagja a „v-” tagmondat, amely segít megismerni a könyvtárat, hogy ez egy speciális típusú szintaxis, amelyet egyes feladatok végrehajtására használnak. Az irányelveket általában a DOM közvetlen manipulálására használják. A legtöbbet használt és leghíresebb irányelvek a „v-if”, a „v-for” és a „v-show”.
Az irányelveket a DOM elemekre gyakorolt hatások alkalmazására használják, de reaktív módon. Értsük meg egy példával:
„V-if” irányelv
Megtekintheti a szöveget.
A fenti címkében a „v-if” olyan irányelv, amely törli vagy hozzáadja a „
”, A„ showText ”változó igazságtartalmától függ.
„V-show” irányelv
Hasonlóképpen van egy „v-show” irányelvünk, amely a fent leírt funkciókat képes végrehajtani:
Megtekintheti a szöveget.
A „v-if” és a „v-show” finom különbsége az, hogy a „v-if” nem teszi vissza az elemet az oldal betöltése közben, ha a kötött változó nem igaz, és akkor töltődik be, amikor a változó igaz lesz. Ezzel szemben a „v-show” megjeleníti az elemet a weboldal betöltési idején, de elrejti. Tehát a „v-if” időhatékony az oldal betöltési idejénél, és időigényes, amikor a változó igaz lesz. Az egész elemet meg kell jelenítenie, miközben a „v-show” időhatékony a változó időigényének valóságtartalmára a weboldal betöltési idejénél.
Rendben! Vessünk egy pillantást egy irányelvre, amely az érvelést tartalmazza.
„V-bind” irányelv
Egy másik legelterjedtebb irányelv a „v-bind”, amely a HTML attribútumok interakciójára és frissítésére szolgál. Például, ha valamilyen változót a "href" attribútumhoz akarunk kötni tag, a „href” attribútumot így köthetjük össze:
„On-on” irányelv
Csakúgy, mint a „v-bind” irányelv, a Vue egy „v-on” irányelvet is biztosít a változó megkötésére a DOM-ban kilőtt események meghallgatásához. Például a Click esemény meghallgatásához és néhány változó hozzárendeléséhez a szintaxis a következőképpen alakul:
A fordított vesszőkben megadhatjuk a kifejezést, valamint a függvényeket.
Következtetés
Megtanultuk a Vue-ban szereplő irányelveket, és megtudtuk, hogyan kell használni a Vue-ban szereplő irányelveket.js. Megbeszéltük a Vue legtöbbet használt és alapvető beépített irányelvét.js, ami sokat segít, és rengeteg időt takarít meg a fejlesztésben.