Özel yönergeler, Vue web sayfalarınızın işlevselliğini ölçeklenebilir ve modüler bir şekilde genişletmenizi sağlar.
Yönergeler, yorumlayıcıların ve derleyicilerin bir işlem için girdileri nasıl işlemesi gerektiğini belirten programlama yapılarıdır. Vue yönergeleri, Vue şablonlarındaki HTML öğelerinin işlevselliğini genişleterek DOM'un doğrudan değiştirilmesine olanak tanır.
Diğer işlemlerin yanı sıra olay dinleyicileri eklemek için Vue'daki yönergeleri kullanabilirsiniz. Uygulamanızda direktifleri kullanmak için HTML öğelerine ekstra nitelikler ekleyeceksiniz.
Vue Yönergelerinin Yapısı
Vue'daki yönergelerin bir v- onları normal HTML niteliklerinden ayırmak için önek. bu v- önek, Vue derleyicisine özniteliğin bir Vue yönergesi olduğunu söyler, böylece o yönergenin davranışını işleyebilir ve HTML öğesine uygulayabilir.
İşte kullanımını gösteren bir örnek v-gösteri içeriğini görüntülemek için öznitelik h2 eleman:
"doğru">Merhaba Vue</h2>
Vue.js, aşağıdakiler gibi daha birçok yerleşik yönergeye sahiptir:
v-bağlama, v-eğer, Ve v-açıkgibi görevleri gerçekleştirmenizi sağlar. bağlanma verileri, koşullu oluşturma, Olay işleme, ve dahası.Vue'da Özel Yönergeleri Tanımlama
Vue.js uygulamalarınıza yeni, yeniden kullanılabilir işlevler eklemek için özel yönergeler tanımlayabilirsiniz. Özel yönergeler oluşturmak iki ana adım gerektirir. İlk olarak, yönergeyi yerel veya küresel olarak kaydettireceksiniz. Ardından, yönergenin davranışını yaşam döngüsü kancalarıyla tanımlayacaksınız.
Özel Yönergeleri Kaydetme
Özel bir yönergeyi, amaçlanan kapsamına bağlı olarak yerel veya genel olarak Vue'da kaydedebilirsiniz. Bununla birlikte, direktifleri küresel olarak kaydetmek daha yaygın bir uygulamadır. Bu, yönergelerin Vue uygulamanızın her yerinde kullanılabilir olmasını sağlar.
Özel yönergeyi basit bir Vue bileşeni içinde kullanmayı düşünüyorsanız, özel yönergeleri yerel olarak kaydedebilirsiniz. İşte nasıl kayıt olabileceğiniz v-renk değiştir yerel direktif:
