Directives v Vue.js vam omogočajo uporabo posebnih vedenj za elemente v DOM. Imajo predpono s v- sintakso in se uporabljajo za manipulacijo DOM, obravnavanje dogodkov, pogojno upodabljanje elementov in še več. Vue.js ponuja več vgrajenih, kot directives so, , in, ki pokrivajo širok spekter običajnih primerov uporabe. v-if v-for v-bind v-on
Tukaj je nekaj pogostih directives v Vue.js:
1. Direktiva: Ta direktiva se uporablja za pogojno upodobitev elementa na podlagi pogoja. v-if
primer:
<div v-if="isShow">This element is only displayed if isShow is true.</div>
2. Direktiva: Ta direktiva se uporablja za ponavljanje po nizu ali objektu in ustvarjanje ustreznih elementov. v-for
primer:
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
3. Direktiva: Ta direktiva se uporablja za vezavo vrednosti izraza na atribut ali lastnost elementa. v-bind
primer:
<img v-bind:src="imageUrl">
4. Direktiva: Ta direktiva se uporablja za poslušanje in obravnavanje dogodkov na elementu. v-on
primer:
<button v-on:click="handleClick">Click me!</button>
5. Direktiva: Ta direktiva ustvari dvosmerno vezavo med vhodnim elementom in lastnostjo podatkov. v-model
primer:
<input v-model="message">
To je le nekaj osnov directives v Vue.js. Ustvarite lahko tudi svojo lastno meritev directives za izvajanje določenih vedenj v aplikaciji Vue.js.