Vue.js, HTML, CSS ve Javascript bilgisiyle içinde web uygulamaları oluşturmaya başlayabileceğimiz çok güçlü, öğrenmesi kolay ve ulaşılabilir bir kitaplıktır. Vue.js, halihazırda mevcut olan Angular ve tepki Çerçevelerinden en iyi özellikleri birleştirerek oluşturulmuştur. UI'ler (Kullanıcı Arayüzleri) ve SPA'lar (Tek Sayfa Uygulamalar) oluşturmak için kullanılan ilerici ve reaktif bir Javascript çerçevesidir, bu nedenle geliştiriciler Vue'da uygulama geliştirirken kodlamayı ve özgürlüğü ve rahatlığı hissetmeyi severler.js.Vue'da Olay Dinleme ve İşleme'ye bir göz atarsak.js., olayları dinlemek ve işlemek için bir "v-on" yönergesi sağladığını bileceğiz. DOM'yi dinlemek ve gerekli görevleri gerçekleştirmek için “v-on” yönergesini kullanabiliriz. Ayrıca birçok olay işleyici sağlar. Ancak, bu makalede yalnızca tıklama olaylarını öğrenecek ve odak noktamızı koruyacağız. Öyleyse başlayalım!
Tıpkı Javascript'in onClick olayı gibi, Vue.js v-on sağlar: dinleme etkinlikleri için tıklayın.
v-on:click olayının sözdizimi şöyle olacaktır:
Vue.js, "v-on" yerine "@" kısaltmasını da sağlar.
Vue.js sadece click olayını dinlemekle ve işlevi çağırmakla bitmiyor. Ayrıca, herhangi bir aritmetik işlemi veya Javascript ile ilgili herhangi bir şeyi tırnak işaretleri “ ” içine doğrudan yazmamıza da izin verecektir. Aynen böyle:
Vue.js, aşağıda gösterildiği gibi bir satır içi Javascript ifadesinde yöntemi veya işlevi çağırmamızı sağlar:
Vue'yu kullanma.js'nin olay işleyicileri, Vue'yu geçerek satır içi ifadeyi kullanarak DOM olayına da erişebiliriz.js, özellikle aşağıdaki örnekte olduğu gibi, yöntemin argümanına “$event” değişkenini sağlamıştır:
Vue.js ayrıca birden çok işlevi veya yöntemi çağırmamızı sağlar. Birden fazla işlevi çağırabilir ve bu örnekte olduğu gibi virgülle ayırabiliriz:
Vue.js olay değiştiricileri de sağlar.
Olay Değiştiriciler
Genellikle olaylarla birlikte değiştiricileri çağırmamız gerekir. Yani, Vue.js, aşağıdaki değiştiricilerden bazılarını sağlar:
.Dur
Click olayının iletimini durduracak.
.önlemek
Sayfanın yeniden yüklenmesini veya yönlendirilmesini engeller.
.bir Zamanlar
Click olayını yalnızca bir kez tetikleyecektir.
.ele geçirmek
Çoğunlukla olay dinleyicisini eklemek için kullanılır.
Değiştiricileri de zincirleyebiliriz. Ancak, değiştiricilerin sırasının önemli olduğunu ve sonuçları etkileyeceğini unutmayın.
Sonuç
Bu yazıda, noob seviyesinden ninja seviyesine kadar tüm Click olay işleme konseptlerini ele aldık. Tıklama olaylarını yazmanın farklı sözdizimlerini ve kullanmanın farklı yollarını öğrendik v-on:tıklayın
Vue tarafından sağlanan yönerge.geliştiricilerin ve farklı olay değiştiricilerin kolaylığı için js. Vue ile ilgili bunun gibi daha faydalı içerik için.js, linuxhint'i ziyaret etmeye devam edin.com.