Vue.js hakkında bilmeniz gerekenler
Vue.js, web uygulamaları için grafik yüzeylerin geliştirilmesi için bir çerçevedir. Ama vue.js hakkında başka ne bilebilirsiniz? Ve React'ten nasıl farklı?
Vue.js, web uygulamaları için grafik yüzeylerin geliştirilmesi için “hafif” bir çerçevedir. React'in aksine, Vue.js büyük bir şirket tarafından değil, 2014 yılında Vue.JS'nin ilk versiyonundan Orijinal yazar Evan sizi etrafında toplanan küçük bir ekip tarafından geliştirilmiştir.
Diğer yönlerde, çerçeve reaksiyondan önemli ölçüde farklıdır. Vue.js'nin JavaScript'e değil, HTML'ye odaklanması kesinlikle en şaşırtıcı olanıdır. Yolda, Vue.js ile çalışmak klasik web geliştirmeye benzer, çünkü HTML ve CSS ile React'ten daha fazla doğrudan temas halinde olduğunuz için.
Vue.js prosedürü klasik model dillerine benzer: HTML temel yapısı, oluşturmayı kontrol eden sahipler tarafından genişletilir ve entegre edilir. Bu özellikler her zaman vue.js kısaltmasıyla başlar v-Örneğin STAND v-for Öğütmek için, v-if Koşullar için ve v-on Etkinlik yöneticilerinin kaydı için kullanılabilir.
Genel olarak, Vue.js, Angular 1 ve Nakavut.js'yi güçlü bir şekilde hatırlıyor – ancak çok daha güçlü ve bu araçları sergiliyor. EVAN Her zaman sadelik ve işlevsellik arasında dengeli bir denge kurmayı başardınız. Bu, örneğin tepki verebileceğini, ancak sorunsuz bir şekilde devam edebileceğini öğrenmek için Vue.js'yi daha kolay hale getirir.
Vue.js tarafından sağlanan HTML özniteliklerine ek olarak, bir JavaScript nesnesi oluşturulur, HTML kodu tarafından erişilebilen veri ve işlevler sağlayan SO -Constled “Örnek”. Yolda, uygulamanın durumu da yönetilir, “devlet” olarak adlandırılır.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Vue.js nedir?
Vue.js 3'ün kompozisyonunun arıları
Tam olarak bu amaçla, Eylül 2020'de yayınlanan Vue.js 3'ü, yani “kompozisyon arıları” demektir. İsteğe bağlı olmasına ve gelişmiş kavramların (mükemmel) belgesinde sayılmasına rağmen, Vue.js ile ilgilenen her geliştiriciye ve her geliştiriciye aşina olmalıdır. Yeni API, türü devletin nasıl yönetildiğini önemli ölçüde değiştiriyor.
Önceki sürümlerde, uygulama, diğer şeylerin yanı sıra, iki özellik vardı, data VE methods. Biri verileri kaydetmeyi amaçlarken, verileri manipüle etmek için diğer işlevlere bağlanmak mümkün olmuştur. Bu yönergeler, VUE.JS'ye mümkün olduğunca basit girmeye önemli bir katkı sağlamıştır.
Ancak, kötü taburcu olurlar. Bu, bunların sadece kapsamlı ve karmaşık uygulamalar için uygun olduğu anlamına gelir: Bunun nedeni, veri ve işlevlerdeki ayrımın, uygulamanın profesyonel mantığı ile ilişkili olmayan teknik bir ayrım olmasıdır. Bu şekilde, ilişkili ve mantıksal bir bağlantıya sahip olan şeyler gruplandırılmamıştır, ancak belirli bir türden teknik inşa edilmesi dışında ortak hiçbir şeyleri olmayan teknik yapılardır.
Kompozisyon arılarının değiştiği tam olarak budur: ilk bakışta, sadece yeni olanı yönlendirir setup-şimdi veri ve işlevleri içeren bir nesne döndüren fonksiyon. Buradaki önemli nokta, bu verilerin ve işlevlerinin içindeki setup-Bilat, teknik kriterlere dayanarak da istenen tanımlanabilir ve gruplandırılabilir. Bu nedenle, kompozisyon arılarına sahip uygulama kodu öncekinden çok daha iyi yapılandırılabilir.
Buna ek olarak, seçenek, verileri ve işlevleri sırayla alt fonksiyonlarda dış kaynaklardan temin etmektir, bu nedenle setup çağrılmalı. Bu şekilde, uygulamanın mantığı “oluşturulabilir”, bu yüzden yeni arıların adını da açıklayan tabiri caizse.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Vue.js 3 kompozisyon-api
Tek dosya bileşenleri
Bir dosyadaki JavaScript ve HTML'ye benzer şekilde işaretlemeyi birleştiren JSX dosyalarına benzer şekilde, Vue.js ayrıca dosya uzantısıyla özel bir dosya biçimi bilir .Vue. Bu dosyalar üst düzeyde üç HTML öğesi içerebilir, <template>,, <style> VE <script>. Bir bileşenin (yapı, görselleştirme ve davranış) her üç yönünün ortak bir dosyaya yerleştirilebilmesi için bir bileşene ait HTML, CSS ve JavaScript kodunu kaydetmeye hizmet ederler. Bu şekilde, tanımlanan bileşenler VUE.JS'de “ayrı dosya bileşenleri”, kısa süre içinde “SFC” olarak gösterilir.
Çoğu editör ve IDE artık mükemmel bir destek olduğu için .Vue-Rirds, sözdizimi birikimi ve otomatik tamamlama dahil olmak üzere tüm modern hizmetlerle tasarlanabilir ve geliştirilebilir. Vue.js, ayrı yapım araçlarına ihtiyaç duyulduğundan, belgelerde SFC'leri en başından itibaren tanıtmaz, ancak bu bileşenle ilk örneğin ötesine geçen herhangi bir uygulamayı yapılandırmanız tavsiye edilir.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Vue.js'deki tek dosya bileşenleri
Neden Vue.js?
Vue.js'nin en büyük avantajlarından üçü daha önce bahsedilmiştir: Birincisi kolay öğrenme, ikinci sırada performans ve üçüncüsü HTML'ye yakınlık. Yapısı ve prosedürü, özellikle SFC ile ilgili olarak, Vue.js, yıllarca “bir sonraki harika şey” olarak değiştirilen, ancak henüz dikkate değer bir dağılım öğrenmemiş olan Web bileşenlerinin kavramlarını açıkça hatırlar.
Prensip olarak, Vue.js, önemli bir pazar payı kazanmak için web bileşenlerinin nasıl çalışması gerektiğini gösterir. Bu, VUE.JS için başka bir konuya dönüşür: Web bileşenlerinin önümüzdeki yıllarda hala dağıtım elde ettiğini varsayan herkes VUE.JS ile iyi hazırlanmıştır – Vue.js'den yerel web bileşenlerine yapılan değişiklik, örneğin oradaki reaksiyonu değiştirmekten çok daha basittir.
Vue.js.'nin modüler yapısı Çerçeve çok kompakt ve yönetilebilir, ancak bir yönlendirici de dahil olmak üzere çekirdek ekip tarafından geliştirilen çok sayıda bileşen de var. Bununla birlikte, bu bileşenlerin hiçbiri zorunlu değildir, bu nedenle bireysel ihtiyaçlara göre gerekli olanı bir araya getirebilirsiniz ve her durumda tek bir kaynaktan her şeyi elde edebilirsiniz.
Vue.js'nin muhtemelen daha büyük dezavantajı, çok basit ses üzerindeki dikkatin bazen spagetti kodu yazmak çok kolay olmasıdır. Bunu yapmamak için disiplin gerektirir. Buna karşılık, React o kadar savunmasız değildir, çünkü başlangıçtan itibaren önemli ölçüde daha yüksek bir yapı ile sağlanır – ancak başlar.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Neden Vue.js?
Vuex ve nxt.js
Bahsedilen tamamlayıcı bileşenler arasında Redux'a benzer bir yönetim kütüphanesi olan Vuex yer alıyor. Prensip olarak, aynı Redux yaklaşımlarıyla birlikte çalışır, mutasyonlarla değiştirilen ve sözde “reaktif referanslar” ile ilgili tüm bileşenleri değiştiren bir dükkan da vardır. Vuex, özellikle büyük ve karmaşık uygulamalar geliştirdiğinizde iyi bir seçimdir.
Vue.js için NXT.JS adlı, çekirdek ekip tarafından geliştirilmeyen, ancak ayrı bir topluluk tarafından geliştirilen bir terim ortamı da vardır. Nuxt.js, bir sonraki tepki vermek için vue.js benzer şekilde davranır ve nxt.js açık bir şekilde bir sonraki kavramlara dayanır. NXT.JS ayrıca sunucu oluşturma, statik bir web sitesi ve benzer işlevler oluşturma sunar.
Ancak, nuxt.js'nin bir sonraki .js kadar kapsamlı olmadığı belirtilmelidir. Bu nedenle, tam donanımlı bir yürütme süresi arıyorsanız ve bir kullanıcı arayüzü çerçevesi seçmek için kullanıyorsanız, next.js ve rege ile daha iyi tavsiye edilirsiniz.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Vuex ve nxt.js
Çözüm
Özetle, Vue.js'nin, sadeliği ve iyi öğrenme eğrisi için her şeyden önce parlayan web uygulamaları için kullanıcı arayüzünün ilginç bir çerçevesi olduğu söylenebilir. Kişisel tercihlere bağlı olarak, dikkat JavaScript yerine HTML'de değerlendirilebilir – ancak gerçek şu ki Vue.js, web bileşenleri fikrine çok yakındır. Bunlar uzun vadeli piyasada başarılı bir şekilde hakim olabilirse, Vue.js değişim için mükemmel bir temele sahiptir.
Bunun dışında, Vue.js ve React arasındaki seçim büyük ölçüde kişisel zevk veya bireysel inançlar meselesidir. Duruma bağlı olarak bireysel olarak tartılması gereken her iki teknolojinin kullanımının iyi nedenleri vardır. Bu nedenle, Vue.js veya React için genel öneri olamaz.
()