Vue Cli Kurulumu

1
Vue.JS Eğitimi
Vue CLI
Vue CLI'nin başarıyla yüklenmesiyle, Vue.js projelerinizi oluşturmak ve yönetmek için gerekli olan tüm araçlara erişim sağlayabilirsiniz. Artık vue create komutuyla yeni bir Vue projesi oluşturabilir ve geliştirme sürecine başlayabilirsiniz.
Devamını Oku

Vue.JS Proje Dosyaları

2
Vue.JS Eğitimi
Vue CLI
Bu dosyalar ve klasörler, bir Vue.js projesinin temel yapısını oluşturur. src klasörü genellikle projenin odak noktasıdır ve Vue bileşenleri, router, vuex store gibi Vue.js özelliklerini içerir. public klasörü ise statik dosyaları barındırır ve package.json dosyası, projenin bağımlılıklarını ve scriptlerini tanımlar. Diğer dosyalar ise genellikle proje yönetimi ve versiyon kontrolü için kullanılır.
Devamını Oku

Vue.JS Refs ile Inputlara Erişim

3
Vue.JS Eğitimi
Vue CLI
Vue.js'te ref özelliği, HTML elementlerine veya Vue bileşenlerine doğrudan erişim sağlamak için kullanılır. Bu özellik, genellikle DOM manipülasyonları veya bazı özel durumların yönetimi için kullanılır. Input alanlarına erişmek ve değerlerini almak veya değiştirmek için ref özelliği kullanılabilir. İşte bir örnek:
Devamını Oku

Vue.JS Component Kullanımı

4
Vue.JS Eğitimi
Vue CLI
Vue.js Bileşen Oluşturma: Öncelikle, kullanmak istediğiniz bileşeni oluşturmalısınız. Bir bileşen, bir Vue bileşeni olarak tanımlanır ve genellikle .vue uzantılı bir dosyada saklanır. Bir bileşen dosyası, template, script ve style bölümlerini içerebilir. Örneğin, MyComponent.vue adında bir bileşen dosyası oluşturabilirsiniz:
Devamını Oku

Vue.js Component Style Global Style

5
Vue.JS Eğitimi
Vue CLI
Vue CLI ile oluşturulan bir proje kullanıyorsanız, genellikle src dizini altında assets veya styles gibi bir klasör oluşturabilirsiniz. Bu klasör içinde bir styles.css veya styles.scss dosyası oluşturarak global stil tanımlamalarınızı yapabilirsiniz. Daha sonra, bu dosyayı projenizin ana HTML dosyasında içe aktarabilirsiniz.
Devamını Oku

Vue.JS Componentler Arası Event Aktarımı

7
Vue.JS Eğitimi
Vue CLI
Bu örnekte, ChildComponent adında bir bileşen bulunuyor ve bu bileşen bir düğme içeriyor. Düğmeye tıklandığında, triggerEvent adlı bir yöntem çağrılır ve bu yöntem this.$emit yöntemi ile 'custom-event' adında bir olayı tetikler. Tetiklenen olay, bu bileşeni kullanan ebeveyn bileşen tarafından dinlenecektir. Ebeveyn bileşeninde bu olaya bir dinleyici ekleyerek (örneğin, @custom-event="handleCustomEvent"), çocuk bileşenin tetiklediği olayı yakalayabiliriz.
Devamını Oku

Vue.JS İki Yönlü Data Binding

8
Vue.JS Eğitimi
Vue CLI
v-model direktifi sadece form elemanları ile kullanılmaz. Aynı zamanda checkbox, radio, select gibi diğer form elemanlarıyla da kullanılabilir. Bu sayede, form elemanlarının değerleri Vue bileşeninde tanımlanan verilerle senkronize edilebilir. Bu özellik, form işlemlerinin ve kullanıcı girdilerinin yönetilmesini oldukça kolaylaştırır.
Devamını Oku

Vue.JS Select Binding

9
Vue.JS Eğitimi
Vue CLI
Seçeneklerin değerleri ve metinleri elementlerinin value ve içerik olarak belirtilir. Kullanıcının seçimini yapmasından sonra, selectedOption verisi seçilen seçeneğin value değeri ile güncellenir. Bu yöntem, Vue.js ile bir elementinin seçilen değerini kolayca bağlamak için yaygın olarak kullanılan bir tekniktir.
Devamını Oku

Vue.JS Checkbox Data Binding

10
Vue.JS Eğitimi
Vue CLI
isChecked verisi, checkbox'un işaretli olup olmadığını temsil eder. Eğer isChecked verisi true ise, checkbox işaretlidir. Eğer isChecked verisi false ise, checkbox işaretsizdir. Bu şekilde, checkbox'un durumu ve veri arasında iki yönlü bir bağlantı sağlanmış olur. Bu yöntem, Vue.js ile bir checkbox'un durumunu kolayca bir veriye bağlamak için yaygın olarak kullanılan bir tekniktir.
Devamını Oku

Vue.JS Klavye Eventleri

11
Vue.JS Eğitimi
Vue CLI
Vue.js'te klavye olaylarını dinlemek için @keydown, @keyup veya @keypress gibi direktifleri kullanabilirsiniz. Bu direktifler, kullanıcının klavyeden bir tuşa basma veya tuşu bırakma gibi eylemlerini dinlemek için kullanılır. İşte bu olayları dinlemek için birkaç örnek:
Devamını Oku

Vue.JS Filter Metodu

12
Vue.JS Eğitimi
Vue CLI
Vue.js'de filter yöntemi, bir dizi veya nesne koleksiyonunu filtrelemek için kullanılır. Bu yöntem, veri dizilerini veya nesnelerini belirli bir koşula göre filtrelemek için kullanılabilir ve genellikle görüntülenen verileri düzenlemek veya filtrelemek için kullanılır. İşte bir örnek:
Devamını Oku

Öne çıkan gönderiler

Ençok Okunankar

Tags

PHP Comment PHP PHP Tarih Ve Saat PHP Zaman PHP Saat Dilimi PHP Yerelleştirme php If php else php if else php kosullar Bootstrap Örnek Uygulama 1 Php 8 Koşul İfadeleri Nedir?

Sayfalarımız