Bu Gelişmiş Vue eğitimi, Vue Giriş dersi ile birlikte geçişler dahil yönlendirme ve becerilerinizi Vuex ile sonraki seviyeye taşır.
Hedefler:
Vue'nin geçişleri ve animasyonları sayesinde eğlenceli, modern kullanıcı deneyimlerini,
Vue yönlendiriciyi yapılandırmayı,
Dinamik rotaları yönetmeyi,
Verileri rota bilgilerinden çıkarmayı
Durum yönetimi kitaplığı olan Vuex'i kullanmak için Vue.js'yi yapılandırmayı,
Durum manipülasyonunun bütünlüğünü sağlamak için Vuex'i test etmeyi,
Vuex'i arka uç REST sunucusuna takmayı öğrenebilirsiniz.
Topics:
Giriş ve kurulum
Kurulumu doğrulayın
Node.js ve npm
IDE
Git
Sınıf deposu
Varsayımlar
Genel olarak Vue
Vue CLI
Tek dosya bileşenleri
Geçişle
Vue.js'deki değişiklikleri canlandırma
Geçişleri listeleyin
Giriş ve çıkış
Liste öğeleri taşındığında (örneğin, sıralamada)
Geçişlerin yeniden kullanılması
Geçişlerin dinamik hale getirilmesi
Durum geçişleri
Ne dinlemeli
İzleyicileri izlemek
Dinamik durum geçişleri
Geçişlerin bileşenlere dönüştürülmesi
Yönlendirmeye Giriş
Yönlendirme nedir ve benim için ne yapar?
Bir projeye yönlendirme ekleme
CLI aracılığıyla
Diğer yöntemler
HTML güncellemeleri
JS güncellemeleri
Eşleşen rotalar
Programlı gezinme
Rota geçişleri
Rota eşleştirme
Dinamik rotaları eşleştirme
Parametre değişikliklerinde güncelleme
Tümünü yakalama ve 404'ler
İç içe rotalar
Adlandırılmış rotalar
Yönlendirmeler ve takma adlar
Geçiş özellikleri
Gelişmiş Yönlendirme
Navigasyon korumaları
Veri alma ve yönlendirme
Geç yükleme yolları
Kaydırma davranışı
Vuex ile durum yönetimi
Vuex nedir ve benim için ne yapar?
Vuex Kurulumu
CLI aracılığıyla
Diğer yöntemler
Vuex ve geliştirme araçları
Temel kavramlar
Akı tarzı durum yönetimi
Durum
Getters
Mutasyonlar
Hareketler
Modüller
Vuex ile çalışmak
Uygulamanızı yapılandırma
Form verilerini ve etkileşimleri işleme
Vuex geçişleri
Vuex'i Test Etmek