Directives ing Vue.js ngijini sampeyan kanggo aplikasi prilaku khusus kanggo unsur ing DOM. Iki diawali karo v- sintaks lan digunakake kanggo ngapusi DOM, nangani acara, unsur render kanthi kondisional, lan liya-liyane. Vue.js nyedhiyakake sawetara built-in directives kayata, lan, sing nyakup macem-macem kasus panggunaan umum. v-if v-for v-bind v-on
Ing ngisor iki sawetara sing umum directives ing Vue.js:
1. Directive: Directive iki digunakake kanggo nerjemahake unsur adhedhasar kondisi. v-if
Tuladha:
<div v-if="isShow">This element is only displayed if isShow is true.</div>
2. Directive: Directive iki digunakake kanggo iterate liwat array utawa obyek lan nggawe unsur sing cocog. v-for
Tuladha:
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
3. Direktif: Direktif iki digunakake kanggo ngiket nilai ekspresi menyang atribut utawa properti saka unsur. v-bind
Tuladha:
<img v-bind:src="imageUrl">
4. Directive: Directive iki digunakake kanggo ngrungokake lan nangani acara ing unsur. v-on
Tuladha:
<button v-on:click="handleClick">Click me!</button>
5. Directive: Directive iki nggawe loro-cara naleni antarane unsur input lan sifat data. v-model
Tuladha:
<input v-model="message">
Iki mung sawetara dhasar directives ing Vue.js. Sampeyan uga bisa nggawe adat dhewe directives kanggo nindakake prilaku tartamtu ing aplikasi Vue.js Panjenengan.