Tasarım Kodlama

Vue.js Merhaba Dünya

Vue.js kütüphanesi reaktif bileşenler için çok popüler bir seçenektir. Hafif, kavraması kolay ve oynaması eğlenceli ve React veya Angular gibi diğer kütüphanelere mükemmel bir alternatif olabilir.

En basit örneklerle giriş yapmanızı sağlayalım. Her programlamada olduğu gibi merhaba dünya kodu ile örneğimizi hazırlayalım:

Çıktı:

merhaba dünya vuejs örnekleri
merhaba dünya vuejs örnekleri

 

Adım adım açıklayalım:

  • Öncelikle temel bir HTML kaynak dosyası var.
  • #merhaba-dunya-app kimliğine sahip bir div bizim app içerecektir.
  • Div’de bir h1 ve bir mesaj veri parçasına referansımız var.
  • Cdnjs’de barındırılan küçültülmüş Vue.js kütüphanesini çağırıyoruz.
  • Daha sonra yeni bir Vue nesnesi başlatıyoruz ve elimizle uygulamamızın #merhaba-dunya-app div olduğunu söylüyoruz.
  • Son olarak, veri nesnesiyle gerekli verileri sağlıyoruz. Bu durumda mesaj için veri sağlıyoruz.
  • Ve bu kısa tanıtım için hepsi bu kadar!

2 yorum