Az egyéni direktívák segítségével bővíthető és moduláris módon bővítheti Vue weboldalainak funkcionalitását.
Az irányelvek olyan programozási konstrukciók, amelyek meghatározzák, hogy az interpretátorok és fordítók hogyan dolgozzák fel a művelet bemeneteit. A Vue direktívák kiterjesztik a Vue sablonok HTML-elemeinek funkcionalitását, lehetővé téve a DOM közvetlen manipulálását.
A Vue direktívái segítségével eseményfigyelőket adhat hozzá egyéb műveletek mellett. További attribútumokat kell csatolnia a HTML-elemekhez, hogy irányelveket használhasson az alkalmazásban.
A Vue-irányelvek szerkezete
A Vue-ben található irányelvek a v- előtagot, hogy megkülönböztesse őket a normál HTML attribútumoktól. A v- Az előtag közli a Vue fordítóval, hogy az attribútum egy Vue direktíva, így fel tudja dolgozni és alkalmazni tudja az irányelv viselkedését a HTML elemre.
Íme egy példa, amely bemutatja a v-show attribútum az an h2 elem:
"igaz">Szia Vue</h2>
A Vue.js-ban még sok más beépített direktíva található, mint pl
v-kötés, v-ha, és v-on, amely lehetővé teszi olyan feladatok elvégzését, mint a kötelező adatok, feltételes megjelenítés, eseménykezelés, és több.Egyéni irányelvek meghatározása a Vue-ban
Egyéni direktívákat határozhat meg új, újrafelhasználható funkciók hozzáadásához a Vue.js alkalmazásaihoz. Az egyéni direktívák létrehozása két fő lépést igényel. Először is regisztrálnia kell az irányelvet lokálisan vagy globálisan. Ezután életciklus-horgokkal határozza meg az irányelv viselkedését.
Vámirányelvek regisztrálása
Egyéni direktívát regisztrálhat a Vue-ben lokálisan vagy globálisan, a tervezett hatókörtől függően. Azonban elterjedtebb gyakorlat az irányelvek globális nyilvántartása. Ez biztosítja, hogy az utasítások mindenhol elérhetőek legyenek a Vue alkalmazáson belül.
Egyéni direktívákat helyileg regisztrálhat, ha az egyéni direktívát egy egyszerű Vue-összetevőn belül kívánja használni. Így regisztrálhat a v-váltószín helyi irányelv:
