Kullanıcı arayüzleri oluşturmada kullanılan vue.js, Evan You tarafından geliştirilmiş açık kaynaklı bir basitliğin ve kendine yeterliliğin ön planda olduğu progressive javascript frameworktur. Vue’nun odaklandığı konu kolay adapte olmaktır.
Vue.js nedir?
Çekirdek yapısı view katmanına odaklanan vue.js, ihtiyaçlar doğrultusunda kolaylıkla harici kütüphanelerle ilişkilendirilebilen ve bu sayede hızlı ve kapsamlı single-page uygulamalar geliştirilebilen bir uygulamadır. Vue.js nedir denildiğinde, kullanıcı arayüzleri geliştirmede kullanılan interaktif bir front-end kütüphanesi veya bir çeşit progressive web framework diyebiliriz.
Vue.js Özellikleri
– Kolay anlaşılabilir ve öğrenilebilirdir.
– Çok yönlü kullanım imkanına sahiptir.
– Çekirdek yapısı özelliği ve desteklenen kütüphanelerle beraber sürdürülebilir sonuçlar sağlar.
– Düşük boyutta ve hızlıdır.
– Virtual Dom sayesinde yüksek performanslıdır ve kolay test edilebilir.
– Mevcut bir projeye kolay entegre edebilir.
– Reactive bir yapıya sahiptir.
– Ücretsizdir.
– Özelliklere ihtiyaç duyulduğunda özellikler pluginlerle eklenebilir.
– Kullanıcı kendi Component’lerini oluşturabilir.
– Anlaşılması ve öğrenmesi kolaydır.
Vue.js Projeye Ekleme
Öncelikle bize ait olan projeye vue.js ekleyebilmek için aşağıda verdiğim script’i ekleyelim. Tabii bunu bilgisayarınıza indirerek local olarak da ekleyebilirsiniz.
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>Daha sonra HTML dosyanıza gelerek aşağıda verdiğim kodu ekleyin.
<div id="app">
{{ message }}
</div>Script tagları arasına veya Javascript dosyasına aşağıda ki kodu ekleyin.
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})Artık Vue.js ye başladınız…
Vue.js Nerelerde Kullanılır?
Vue.js, varolan bir projeye çok kolay dahil edilebildiği için kullanımı her geçen gün yaygınlaşıyor. Temel amacı fonksiyonel ve hızlı etkileşimi olan arayüz tasarlamak olan vue.js, web projeleri tasarlamada büyük kolaylık sağlıyor. Birden çok ekran tasarımı olan bir web projesinde, herhangi bir ekran diğer sayfalarda değişiklik yapılmadan tasarlanabiliyor.
Angular’a göre çok daha esnek bir yapıda olan vue.js, interface katmana sahiptir. Tarayıcının DOM’u üzerinde değişiklik yapmak oldukça maliyetlidir. Bu yüzden vue.js virtual DOM kullanılıyor. Vue.js ekleme işlemi gerçekleştirildikten sonra uygulama alanı tanımlanıyor. Vue ile etkileşimli alan ilişkilendiriliyor. Etkileşimli alan Vue’ye iletilen alandır. Data, key ve value ile ilgili veri işlemleri için direktifleri barındırır.
Veritabanı bağlantısı, form kontrolü ve hesap kontrolü denildiğinde artık ilk akla vue.js geliyor.
Vue.js kullanım alanları
Diğer frameworklere göre çok daha fazladır Açık kaynaklı olan ve kullanıcı sayısı her geçen gün artan vue.js, bir script kütüphanesi olup özellikle büyük ölçekli bir projede firmalar tarafından kullanılıyor. Listelemeden metot tanımlamaya, model kullanımından Component kullanımı ve daha birçoğuna kadar vue.js kullanmak tercih ediliyor.
Birden çok platformda hızlıca uygulama geliştirebilmenin yolunu açan vue.js, birçok firma ve yazılımcının tercihidir.
