Mukautettujen ohjeiden avulla voit laajentaa Vue-verkkosivujesi toimivuutta skaalautuvalla ja modulaarisella tavalla.

Direktiivit ovat ohjelmointirakenteita, jotka määrittelevät kuinka tulkkien ja kääntäjien tulee käsitellä syötteitä operaatiota varten. Vue-direktiivit laajentavat HTML-elementtien toimivuutta Vue-malleissa, mikä mahdollistaa DOM: n suoran manipuloinnin.

Voit käyttää Vue-ohjeita tapahtumakuuntelijoiden lisäämiseen muun muassa. Liität ylimääräisiä attribuutteja HTML-elementteihin, jotta voit käyttää ohjeita sovelluksessasi.

Vue-direktiivien rakenne

Vuen direktiiveissä on a v- etuliite erottaaksesi ne tavallisista HTML-määritteistä. The v- etuliite kertoo Vue-kääntäjälle, että attribuutti on Vue-direktiivi, jotta se voi käsitellä ja soveltaa kyseisen direktiivin toimintaa HTML-elementtiin.

Tässä on esimerkki, joka havainnollistaa v-show attribuutti, joka näyttää anon sisällön h2 elementti:

"totta">Hei Vue</h2>

Vue.js: ssä on monia muita sisäänrakennettuja direktiivejä, kuten v-sidos

instagram viewer
, v-jos, ja v-on, jonka avulla voit suorittaa tehtäviä, kuten tietojen sitominen, ehdollinen renderöinti, tapahtuman käsittely, ja enemmän.

Mukautetun direktiivien määrittely Vuessa

Voit määrittää mukautettuja ohjeita lisätäksesi uusia, uudelleenkäytettäviä toimintoja Vue.js-sovelluksiisi. Mukautettujen ohjeiden luominen vaatii kaksi suurta vaihetta. Ensin rekisteröit direktiivin paikallisesti tai maailmanlaajuisesti. Sitten määrittelet direktiivin käyttäytymisen elinkaaren koukkujen avulla.

Tullidirektiivien rekisteröinti

Voit rekisteröidä mukautetun käskyn Vuessa paikallisesti tai maailmanlaajuisesti sen aiotusta laajuudesta riippuen. Yleisempi käytäntö on kuitenkin rekisteröidä direktiivit maailmanlaajuisesti. Tämä varmistaa, että käskyt ovat saatavilla kaikkialla Vue-sovelluksessasi.

Voit rekisteröidä mukautettuja käskyjä paikallisesti, jos aiot käyttää mukautettua käskyä yksinkertaisen Vue-komponentin sisällä. Näin voit rekisteröityä a v-muutosväri ohje paikallisesti: