Directives Vue.js leidžia DOM elementams taikyti specialias elgsenas. Jie yra su v- sintaksės priešdėliu ir naudojami manipuliuoti DOM, tvarkyti įvykius, sąlygiškai pateikti elementus ir kt. „Vue.js“ pateikia keletą įtaisytųjų, directives pvz., , ir, kurie apima daugybę įprastų naudojimo atvejų. v-if v-for v-bind v-on
Štai keletas bendrų directives Vue.js:
1. Direktyva: ši direktyva naudojama sąlyginiam elementui pateikti pagal sąlygą. v-if
Pavyzdys:
<div v-if="isShow">This element is only displayed if isShow is true.</div>
2. Direktyva: ši direktyva naudojama kartoti per masyvą arba objektą ir sukurti atitinkamus elementus. v-for
Pavyzdys:
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
3. Direktyva: ši direktyva naudojama išraiškos vertei susieti su elemento atributu arba savybe. v-bind
Pavyzdys:
<img v-bind:src="imageUrl">
4. Direktyva: ši direktyva naudojama elemento įvykiams klausytis ir tvarkyti. v-on
Pavyzdys:
<button v-on:click="handleClick">Click me!</button>
5. Direktyva: ši direktyva sukuria abipusį įvesties elemento ir duomenų nuosavybės susiejimą. v-model
Pavyzdys:
<input v-model="message">
Tai tik keletas pagrindinių directives Vue.js. Taip pat galite sukurti savo tinkintą, directives kad atliktumėte konkrečius veiksmus jūsų Vue.js programoje.