PHP, Laravel, Javascript, Vue.js, React ve React Native dersleri.
Vue.js front-end web programlama hakkında bilgiler ve dersler.
Vue.js de kullanılan v-show ve v-if içerik gösterip gizlemek için koşul belirtir. Kullanım farkı ise v-if ile gösterilmeyen içerik tarayıcı tarafından okunmaz, v-show ile gizlenen içerik ise tarayıcı tarafından okunur ancak kullanıcıya gösterilmez. Kullanımları şu şekildedir;
Vue.js componentlar arasında veri aktarımı emit ile yapılır. Örneğimizde bir adet arama formu hazırlayacağız. Bu form aracılığıyla bir api’ye sorgu gönderip gelen cevabı sayfada konsola yazdıracağız. Böylelikle child component’tan ana componenta veri göndermiş olacağız. src/App.vue isimli dosya oluşturun; Arama için…
Vue.js i18n paketi uygulamanıza çoklu dil özelliği eklemenizi sağlar. Öncelikle paketi projemize yükleyelim; app.js dosyasını açın ve paketi import edin. Ayrıca uygulamamıza global olarak dil değiştirme metodu da ekleyerek tüm sayfalarda dil değiştirebilme özelliğini eklemiş oluyoruz. Ana dizine i18n.js isimli…
Vue.js projeysine Sweetalert Paketi yükleme; app.js dosyasında paketi import etmeniz gerekiyor. Toast mesajı için default değerler atamak için aşağıdaki kodu da ekleyebilirsiniz; Toast Örnek kullanım; Sweetalert sayac örnekli kullanım; Onaylama butonlu örnek; Vue.js için silme onayı istenilen örnek;
Axios paketi api istekleri yapmak için kullanılır. Projenize axios paketini ekleme; Daha sonra app.js dosyasına axios paketini import ediyoruz; Örnek bir projede index, create ve dit sayfaları şu şekilde olacaktır; Örnek Index sayfası axios kullanımı; Örnek edit sayfası axios kullanımı…
Laravel projelerinde kolaylıkla Vue.js kullanabilirsiniz. Laravel’in bu desteği sayesinde ayrı 2 projeyi yönetmek gerekmez ve api bağlantısıyla Vue.js uygulamasını kolaylıkla geliştirebilirsiniz. İlk olarak yeni bir Laravel projesi oluşturalım; Daha sonra Laravel auth ve vue.js paketlerini yükleme; Mix dosyasını da şu…
Bilişimden Yola Çıkarak Her Konuda Faydalı Bilgiler Eklediğim Blog. We focus on simplicity, elegant design and clean code.
