vue todos

vue-todos

Alamat pratinjau (desain responsif, PC, seluler) Alamat rilis pertama (kode sumber dan tutorial)

vue-todos adalah versi terbaru dari modul todomvc vue. Ia memiliki antarmuka yang sederhana, fungsi yang kaya, dan pengetahuan yang komprehensif. Ini dapat membantu Anda dengan cepat memulai dengan vuejs , dan garpulah. Inilah motivasi saya untuk bertahan!!

Kata pengantar

vuejs adalah proyek sumber terbuka bagus yang sangat meningkatkan produktivitas kami. Menggunakan Vue selama 2 tahun tidak hanya memberi saya promosi dan kenaikan gaji, namun juga membuat kemajuan besar dalam teknologi front-end saya. Saya telah lama berkumpul di grup Vue besar dan forum besar, dan telah menjawab banyak pertanyaan pemula tentang vuejs. Saya menemukan bahwa banyak masalah dengan dokumentasi vueApi disebabkan oleh kurangnya pemahaman tentang API. Yang terburuk adalah banyak orang tidak suka membaca dokumentasi, dan karena mereka memiliki sedikit kesempatan untuk berlatih, mereka bingung ketika menghadapi masalah. .

harapan

Kursus ini akan membawa Anda untuk berlatih Vue dari awal. Saya berharap melalui kursus ini, para pemula dapat dengan cepat memulai Vuejs dan dengan cepat belajar menggunakan API Vue yang umum digunakan. Biarkan para pemula Vue.js mempelajari Vuejs langkah demi langkah dan secara efektif.

berlari

 # 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build

kamu akan belajar

• Konstruksi lingkungan pengembangan vue-cli
• Analisis dokumentasi API dan pemrograman komponen
• Dasar-dasar Vue (1. Instance 2. Komponen 3. Direktif 4. Opsi 5. Render template 6. Pengikatan peristiwa 7. Properti terhitung 8. Animasi bawaan 9. Interaksi komponen 10. Perutean bawaan)
• vue lanjutan (siklus hidup 1.vue 2.vuex penggunaan 3.axios penggunaan 4.mock.js data simulasi front-end)
• Solusi untuk masalah lintas domain

Pratinjau gambar

*versi pc

Katalog kursus (tunggu terus, satu bagian akan diperbarui setiap hari)

• Pengaturan lingkungan pengembangan
  • Instalasi Node.js
  • Instalasi vue-cli
  • Buat aplikasi vue pertama
• Pengembangan praktis versi todomvc yang ditingkatkan]
  • Persiapan awal
    • Analisis proyek
    • analisis kebutuhan
    • analisis api
    • analisis komponen
  • Tata letak responsif
  • Penulisan komponen
    • Komponen menu
    • Majelis kepala
    • Komponen daftar
  • menu
    • Ditulis oleh api.js (axios.js)
    • Ikat data menu
    • Menu baru
  • kepala
    • Ikat satu bagian data
    • Tambahkan daftar
    • Ubah judul
    • Hapus konten
  • daftar
    • Selesaikan item tugas
    • Ubah item agenda
    • Hapus item agenda
  • mengunci
    • Kunci item agenda
  • vuex
    • Pembaruan data menu
    • Menu seluler menyusut
  • animasi transisi
    • Animasi menu
    • Daftar animasi
• Poin pengetahuan Vue.js dijelaskan