

8 projek Vue yang tidak boleh dilepaskan di Github, datang dan tambahkannya pada koleksi anda! !
Artikel ini akan berkongsi dengan anda 8 projek Vue yang hebat di GitHub Kesemuanya adalah projek yang hebat.
8 Projek Vue Hebat di Github:
-
Marktext: Apl Nota
YesPlayMusic: Pemain Awan NetEase pihak ketiga
PicGo: Aplikasi muat naik imej
PPTist: Aplikasi PPT dalam talian
vue2-elm: Rasa lapar
vue-element-admin: Sistem pengurusan backend
Cider: Apple Music player
newbee-mall-vue3-app: Sistem pengurusan pusat beli-belah dan bahagian belakang
1 >Marktext ialah editor Markdown sumber terbuka yang ringkas dan elegan yang memfokuskan pada kelajuan dan kebolehgunaan, tersedia untuk Linux, macOS dan Windows. Ia menyokong pratonton masa nyata, sambungan Markdown, output HTML dan fail PDF, penukaran tema, berbilang mod penyuntingan, menampal imej terus dari papan keratan dan fungsi lain.
https://github.com/marktext/marktext2 . YesPlayMusic
YesPlayMusic ialah pemain awan NetEase pihak ketiga yang dibangunkan menggunakan Vue.js. Anda boleh menggunakan akaun NetEase Cloud untuk log masuk (imbas kod QR/telefon mudah alih/log masuk e-mel), menyokong main balik MV, paparan lirik, lagu yang disyorkan setiap hari, daftar masuk automatik harian, penukaran Mod Cahaya/Gelap automatik, Touch Bar, awan muzik cakera, dan kekunci pintasan yang ditentukan dan kekunci pintasan global dan fungsi lain.
https://github.com/qier222/YesPlayMusic3 . PicGo
PicGo ialah alat untuk memuat naik gambar dengan cepat dan mendapatkan pautan URL gambar. Ia menyokong pelbagai katil gambar, muat naik gambar seret dan lepas, pratonton gambar dan secara automatik menyalin pautan ke. potong selepas memuat naik gambar papan, sesuaikan format pautan yang disalin ke jadual, menyokong kekunci pintasan, dan fungsi sokongan seperti memanggil muat naik PicGo dengan menghantar permintaan HTTP.
https://github.com/Molunerfinn/PicGo4 . PPTist
PPTist ialah aplikasi pembentangan (tayangan slaid) dalam talian berdasarkan Vue3.x TypeScript Ia memulihkan kebanyakan fungsi biasa Office PowerPoint dan menyokong teks, gambar, bentuk, garisan, carta dan. tables. , video, audio dan formula ialah jenis elemen yang paling biasa digunakan Setiap elemen sangat boleh diedit dan menyokong kekunci pintasan yang kaya dan menu klik kanan Ia menyokong pengeksportan fail PPTX tempatan, menyokong pengeditan dan pratonton pada terminal mudah alih menyokong PWA.
https://github.com/pipipi-pikachu/PPTist5. vue2-elm
vue2-elm ialah aplikasi satu halaman besar yang dibina berdasarkan vue2 vuex dengan 45 halaman, yang melibatkan pendaftaran, log masuk, paparan produk dan troli beli-belah. dan lain-lain, adalah satu proses yang lengkap.
https://github.com/bailicangdu/vue2-elm6. vue-element-admin
vue-element-admin ialah penyelesaian bahagian hadapan bahagian belakang, yang dilaksanakan berdasarkan vue dan elemen-ui. Ia menggunakan tindanan teknologi bahagian hadapan terkini, penyelesaian pengantarabangsaan i18n terbina dalam, penghalaan dinamik, pengesahan kebenaran, memperhalusi model perniagaan biasa dan menyediakan komponen berfungsi yang kaya.
https://github.com/PanJiaChen/vue-element-admin7. Cider
Cider ialah pengalaman Apple Music merentas platform berdasarkan Electron dan Vue.js, ditulis dari awal dengan mengambil kira prestasi dan kesan visual.
https://github.com/ciderapp/Cider
8. newbee-mall-vue3-app
Projek newbee-mall ialah perniagaan e-dagang, termasuk sistem pusat membeli-belah newbee dan newbee-mall- pengurusan latar belakang pentadbir Sistem ini dibangunkan berdasarkan Spring Boot 2.X, Mall Vue 3 dan susunan teknologi yang berkaitan. Sistem bahagian hadapan merangkumi modul seperti portal halaman utama, klasifikasi produk dan pelancaran produk baharu, karusel halaman utama, pengesyoran produk, carian produk, produk, troli beli-belah, penyelesaian pesanan, proses paparan pesanan, pengurusan pesanan, pusat ahli dan pusat bantuan. Sistem pengurusan bahagian belakang termasuk modul seperti panel data, pengurusan gambar, pengurusan produk, pengurusan pesanan, pengurusan ahli, pengurusan kategori dan tetapan.
Github: https://github.com/newbee-ltd/newbee-mall-vue3-app
Alamat asal: https://juejin.cn/post/7109286956076695560
Pengarang: CUGGZ
[Cadangan tutorial video berkaitan: web -akhir 】

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Menggunakan ECharts dalam Vue memudahkan untuk menambahkan keupayaan visualisasi data pada aplikasi anda. Langkah khusus termasuk: memasang pakej ECharts dan Vue ECharts, memperkenalkan ECharts, mencipta komponen carta, mengkonfigurasi pilihan, menggunakan komponen carta, menjadikan carta responsif kepada data Vue, menambah ciri interaktif dan menggunakan penggunaan lanjutan.

Soalan: Apakah peranan lalai eksport dalam Vue? Penerangan terperinci: eksport lalai mentakrifkan eksport lalai komponen. Apabila mengimport, komponen diimport secara automatik. Permudahkan proses import, tingkatkan kejelasan dan cegah konflik. Biasa digunakan untuk mengeksport komponen individu, menggunakan kedua-dua eksport bernama dan lalai, dan mendaftarkan komponen global.

Fungsi peta Vue.js ialah fungsi tertib tinggi terbina dalam yang mencipta tatasusunan baharu di mana setiap elemen ialah hasil yang diubah bagi setiap elemen dalam tatasusunan asal. Sintaks ialah map(callbackFn), di mana callbackFn menerima setiap elemen dalam tatasusunan sebagai argumen pertama, secara pilihan indeks sebagai argumen kedua, dan mengembalikan nilai. Fungsi peta tidak mengubah tatasusunan asal.

onMounted ialah cangkuk kitaran hayat pemasangan komponen dalam Vue Fungsinya adalah untuk melaksanakan operasi pemulaan selepas komponen dipasang pada DOM, seperti mendapatkan rujukan kepada elemen DOM, menetapkan data, menghantar permintaan HTTP, mendaftarkan pendengar acara, dsb. Ia hanya dipanggil sekali apabila komponen dipasang Jika anda perlu melakukan operasi selepas komponen dikemas kini atau sebelum ia dimusnahkan, anda boleh menggunakan cangkuk kitar hayat yang lain.

Terdapat dua cara untuk mengeksport modul dalam Vue.js: eksport dan eksport lalai. eksport digunakan untuk mengeksport entiti bernama dan memerlukan penggunaan pendakap kerinting lalai eksport digunakan untuk mengeksport entiti lalai dan tidak memerlukan pendakap kerinting. Apabila mengimport, entiti yang dieksport melalui eksport perlu menggunakan nama mereka, manakala entiti yang dieksport secara lalai eksport boleh digunakan secara tersirat. Adalah disyorkan untuk menggunakan lalai eksport untuk modul yang perlu diimport beberapa kali dan menggunakan eksport untuk modul yang hanya dieksport sekali.

Cangkuk Vue ialah fungsi panggil balik yang melakukan tindakan pada peristiwa tertentu atau peringkat kitaran hayat. Ia termasuk cangkuk kitaran hayat (seperti beforeCreate, mounted, beforeDestroy), cangkuk pengendalian acara (seperti klik, input, keydown) dan cangkuk tersuai. Cangkuk meningkatkan kawalan komponen, bertindak balas kepada kitaran hayat komponen, mengendalikan interaksi pengguna dan meningkatkan kebolehgunaan semula komponen. Untuk menggunakan cangkuk, hanya tentukan fungsi cangkuk, laksanakan logik dan kembalikan nilai pilihan.

Pengubah suai acara Vue.js digunakan untuk menambah gelagat tertentu, termasuk: menghalang gelagat lalai (.prevent) menghentikan acara menggelegak (.stop) acara sekali (.sekali) menangkap acara (.capture) mendengar acara pasif (.pasif) Suai pengubah suai (.self)Pengubah suai kunci (.key)

onMounted dalam Vue sepadan dengan kaedah kitar hayat useEffect dalam React, dengan tatasusunan kebergantungan kosong [], dilaksanakan serta-merta selepas komponen dipasang pada DOM.