Directives f'Vue.js jippermettulek tapplika imgieba speċjali għal elementi fid-DOM. Huma prefissati bis- v- sintassi u jintużaw biex jimmanipulaw id-DOM, jimmaniġġjaw avvenimenti, jirrendu elementi kondizzjonali, u aktar. Vue.js jipprovdi diversi built-in directives bħal, u, li jkopru firxa wiesgħa ta 'każijiet ta' użu komuni. v-if v-for v-bind v-on
Hawn huma xi wħud komuni directives f'Vue.js:
1. Direttiva: Din id-direttiva tintuża biex tirrendi b'mod kondizzjonali element ibbażat fuq kundizzjoni. v-if
Eżempju:
<div v-if="isShow">This element is only displayed if isShow is true.</div>
2. Direttiva: Din id-direttiva tintuża biex tgħaddi fuq firxa jew oġġett u toħloq elementi korrispondenti. v-for
Eżempju:
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
3. Direttiva: Din id-direttiva tintuża biex torbot il-valur ta' espressjoni ma' attribut jew proprjetà ta' element. v-bind
Eżempju:
<img v-bind:src="imageUrl">
4. Direttiva: Din id-direttiva tintuża biex tisma' u timmaniġġja avvenimenti fuq element. v-on
Eżempju:
<button v-on:click="handleClick">Click me!</button>
5. Direttiva: Din id-direttiva toħloq rabta f'żewġ direzzjonijiet bejn element ta' input u proprjetà tad-data. v-model
Eżempju:
<input v-model="message">
Dawn huma biss xi wħud bażiċi directives f'Vue.js. Tista' wkoll toħloq id-drawwa tiegħek directives biex twettaq imgieba speċifiċi fl-applikazzjoni tiegħek Vue.js.