Phenquestions
Vue.js öğrenmesi çok kolay ve ulaşılabilir bir kütüphanedir. HTML, CSS ve Javascript bilgisiyle Vue'da web uygulamaları oluşturmaya başlayabiliriz.js. Vue.js, halihazırda var olan bir Angular ve tepki Çerçevelerinden en iyi özellikleri birleştirerek oluşturulmuştur.
Veri bağlama, Vue'nun en zarif özelliklerinden biridir.js çünkü reaktif/iki yönlü veri bağlama sağlar. Vue'da.js, diğer çerçevelerin aksine iki yönlü veri bağlamaya sahip olmak için çok fazla satır yazmamız gerekmiyor. Tek yönlü veri bağlama, değişkenin sadece DOM'a bağlı olduğu anlamına gelir. Öte yandan, iki yönlü, değişkenin DOM'dan da bağlı olduğu anlamına gelir. DOM değiştiğinde değişken de değişir. Öyleyse, her iki veri bağlamasına da bir göz atalım ve doğru farkı görelim.
Tek yönlü Veri Bağlama
Herhangi bir değişkeni bağlamak istiyorsak, basitçe Vue kullanabiliriz.js'nin çift kaşlı ayraç sözdizimi veya ilgili bileşen örneğinden herhangi bir değişkeni bağlamak için “Bıyık” sözdizimi.
linuxhintText
Veya, bir HTML özniteliği içindeki herhangi bir değişkeni bağlamak istiyorsak, v-bağlama direktif.
Vue.js ayrıca bir HTML özniteliğinde değişkenleri bağlamak için kısayol sağlar. yazmak yerine v-bağlama:özellik-adı, yalnızca iki nokta üst üste “:” ve nitelik adı kullanabiliriz.
Ama bunlar sadece veri bağlamaları. İki yönlü veri bağlamayı göstermek için şunu kullanabiliriz: v modeli Vue tarafından sağlanan yönerge.js.
İki Yönlü/Reaktif Veri Bağlama
Reaktif veri bağlamayı göstermek için kullanabiliriz v modeli bir giriş formu alanı yönergesi. Dahili olarak bir olay yayar ve değişkeni değiştirir. Çift kaşlı ayraç veya “Bıyık” sözdizimini kullanarak şablonda başka bir yere bağlayabileceğimiz.
Şunu yazıyorsunuz: linuxhintText
Şimdi, giriş formu alanına ne zaman bir karakter girsek, değişkenin aynı anda güncellendiğini görebiliriz.
toparlamak
Bu yazıda, Vue'da değişkenleri nasıl bağlayacağımızı öğrendik.js çift kaşlı ayraç veya “Bıyık” sözdizimi kullanarak. Ayrıca Vue'da iki yönlü/reaktif veri bağlamayı da gösterdik.js v-model yönergesini kullanarak. Bu makaleyi okuduktan sonra, veri bağlama, Vue ile yeni başlayan yeni başlayanlar için artık zor bir iş değil.js. Öyleyse, Vue kavramlarını öğrenmeye devam edin.linuxhint ile js.com. teşekkür ederim!
