Directives Vue.js, DOM'daki öğelere özel davranışlar uygulamanıza izin verir. Sözdiziminin önüne eklenirler v- ve DOM'u işlemek, olayları işlemek, öğeleri koşullu olarak işlemek ve daha fazlası için kullanılırlar. Vue.js, çok çeşitli yaygın kullanım durumlarını kapsayan, , ve directives gibi birkaç yerleşik sağlar. v-if v-for v-bind v-on
directives İşte Vue.js'de yaygın olarak kullanılanlardan bazıları:
1. Yönerge: Bu yönerge, bir öğeyi bir koşula göre koşullu olarak işlemek için kullanılır. v-if
Örnek:
<div v-if="isShow">This element is only displayed if isShow is true.</div>
2. Yönerge: Bu yönerge, bir dizi veya nesne üzerinde yineleme yapmak ve karşılık gelen öğeleri oluşturmak için kullanılır. v-for
Örnek:
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
3. Yönerge: Bu yönerge, bir ifadenin değerini bir öğenin niteliğine veya özelliğine bağlamak için kullanılır. v-bind
Örnek:
<img v-bind:src="imageUrl">
4. Yönerge: Bu yönerge, bir öğedeki olayları dinlemek ve işlemek için kullanılır. v-on
Örnek:
<button v-on:click="handleClick">Click me!</button>
5. Yönerge: Bu yönerge, bir girdi öğesi ile bir veri özelliği arasında iki yönlü bir bağlantı oluşturur. v-model
Örnek:
<input v-model="message">
directives Bunlar Vue.js'deki bazı temel bilgilerdir. directives Vue.js uygulamanızda belirli davranışları gerçekleştirmek için kendi geleneğinizi de oluşturabilirsiniz .