Directives i Vue.js ligeann duit iompraíochtaí speisialta a chur i bhfeidhm ar ghnéithe den DOM. Déantar iad a réamhshocrú leis an v- gcomhréir agus úsáidtear iad chun an DOM a ionramháil, imeachtaí a láimhseáil, eilimintí rindreála coinníollach, agus go leor eile. Soláthraíonn Vue.js roinnt ionsuite directives mar, , agus, a chlúdaíonn raon leathan cásanna úsáide coitianta. v-if v-for v-bind v-on
Seo cuid acu atá coitianta directives in Vue.js:
1. Treoir: Úsáidtear an treoir seo chun eilimint atá bunaithe ar choinníoll a sholáthar go coinníollach. v-if
Sampla:
<div v-if="isShow">This element is only displayed if isShow is true.</div>
2. Treoir: Úsáidtear an treoir seo chun atriall a dhéanamh ar eagar nó ar réad agus chun eilimintí comhfhreagracha a chruthú. v-for
Sampla:
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
3. Treoir: Úsáidtear an treoir seo chun luach slonn a cheangal le tréith nó le airí dúile. v-bind
Sampla:
<img v-bind:src="imageUrl">
4. Treoir: Úsáidtear an treoir seo chun éisteacht le teagmhais ar eilimint agus chun iad a láimhseáil. v-on
Sampla:
<button v-on:click="handleClick">Click me!</button>
5. Treoir: Cruthaítear leis an treoir seo nascacht dhá threo idir eilimint ionchuir agus airí sonraí. v-model
Sampla:
<input v-model="message">
Níl iontu seo ach roinnt bhunúsach directives i Vue.js. Is féidir leat do shaincheap féin a chruthú freisin directives chun iompraíochtaí sonracha a dhéanamh i d’fheidhmchlár Vue.js.