Vue dalam tindakan—buat sistem bawa pulang anda sendiri

• Bab1 Bab satu
• 1-1 Demonstrasi fungsi projek
• 1-2 Persediaan pembangunan projek
• 1-3 Buat projek dan jalankan
• 1-4 Penyediaan sumber
• 1-5 Reka bentuk direktori kod sumber projek
• 1-6 penggunaan stylus
• 1-7 pengekodan komponen
• 1-8 Perkenalkan vue-router
• 1-9 Komponen FooterGuide
• 1-10 Setiap komponen penghalaan navigasi (statik)
• Bab2 Bab dua
• 2-1 Komponen HeaderTop
• 2-2 Gunakan swiper untuk melaksanakan karusel senarai klasifikasi produk
• 2-3 Komponen Senarai Kedai (statik)
• 2-4 Komponen log masuk (statik)
• 2-5 Mulakan aplikasi latar belakang dan uji antara muka
• 2-6 Merangkum fungsi permintaan ajax
• 2-7 Merangkumkan fungsi permintaan antara muka
• 2-8 Gunakan git untuk kawalan versi projek
• 2-9 semakan
• 2-10 Konfigurasikan proksi untuk melaksanakan permintaan ajax merentas domain
• Bab3 bab ketiga
• 3-1 Buat struktur keseluruhan vuex
• 3-2 Gunakan vuex untuk mengurus data halaman utama
• 3-3 Paparkan alamat semasa secara tidak segerak
• 3-4 Paparkan senarai karusel kategori makanan secara tidak segerak
• 3-5 Gunakan jam tangan dan $nextTick untuk menyelesaikan pepijat karusel
• 3-6 Paparkan senarai pedagang secara tidak segerak
• 3-7 Gunakan svg untuk memaparkan antara muka gesaan pemuatan
• 3-8 Komponen bintang
• 3-9 Arahan demonstrasi fungsi pendaftaran dan log masuk
• 3-10 Kesan antara muka log masuk 1_switch kaedah log masuk
• Bab4 Bab Empat
• 4-1 Kesan antara muka log masuk 2_Semakan nombor telefon mudah alih
• 4-2 Kesan antara muka log masuk 3_countdown effect
• 4-3 Kesan antara muka log masuk 4_tukar paparan dan sembunyikan kata laluan
• 4-4 Kesan antara muka log masuk 5_pengesahan ekspresi meja depan
• 4-5 semakan
• 4-6 Kod pengesahan grafik sekali dinamik
• 4-7 Tentukan fungsi permintaan antara muka
• 4-8 Log masuk_Hantar kod pengesahan SMS
• 4-9 Log masuk_Permintaan log masuk lengkap
• 4-10 Log masuk_Simpan maklumat pengguna ke vuex
• Bab5 bab Lima
• 5-1 Kemas kini antara muka pusat peribadi selepas log masuk
• 5-2 Log masuk untuk mengemas kini laluan lompat
• 5-3 Log masuk automatik
• 5-4 log keluar
• 5-5 Bina keseluruhan antara muka pedagang
• 5-6 pemahaman json
• 5-7 Reka bentuk data json
• 5-8 Gunakan mockjs untuk mensimulasikan data antara muka
• 5-9 antara muka simulasi permintaan ajax mockjs
• 5-10 Komponen ShopHeader
• Bab6 Bab Enam
• 6-1 semakan
• 6-2 Paparkan data barangan secara tidak segerak
• 6-3 Analisis kesan gelongsor
• 6-4 Gunakan tatal yang lebih baik untuk melaksanakan gelongsor lantunan
• 6-5 collectscrollY
• 6-6 Kumpul gasing
• 6-7 Luncurkan senarai di sebelah kanan untuk mengemas kini kategori semasa
• 6-8 Selesaikan pepijat gelongsor inersia tidak mengemas kini kategori semasa
• 6-9 Klik pada item kategori untuk meluncur senarai di sebelah kanan
• 6-10 Komponen CartControl 1
• Bab7 Bab VII
• 7-1 Komponen CartControl 2
• 7-2 Komponen makanan 1
• 7-3 Komponen makanan 2
• 7-4 Komponen ShopCart 1
• 7-5 Komponen Troli Kedai 2
• 7-6 Tunjukkan senarai item beli-belah
• 7-7 Selesaikan 3 pepijat dalam paparan senarai
• 7-8 semakan
• 7-9 Animasi troli beli-belah
• 7-10 Senarai troli beli-belah meluncur
• Bab8 bab lapan
• 8-1 Kosongkan troli beli-belah
• 8-2 ShopRatingsComponent1
• 8-3 Komponen ShopRatings 2
• 8-4 Komponen ShopInfo 1
• 8-5 Komponen ShopInfo 2
• 8-6 Komponen ShopInfo 3
• 8-7 Komponen carian
• 8-8 Objek komponen laluan cache
• 8-9 Pemuatan malas komponen penghalaan
• 8-10 Malas memuatkan imej vue-lazyload
• 8-11 Gunakan momen untuk melaksanakan penapis tarikh
• 8-12 Analisis dan pengoptimuman fail yang dibungkus