10 pemalam Vue3 biasa yang meningkatkan kecekapan pembangunan (datang dan kumpulkan)

Artikel ini meringkaskan dan berkongsi dengan anda beberapa pemalam Vue yang berguna, yang boleh membantu pembangun meningkatkan kecekapan pembangunan dan menyelesaikan keperluan pelbagai senario penatalan pada terminal mudah alih semua orang!

1. vue-multiselect-next

projek pemilihan universal/multiselect/penanda Vue.js

Dan alamat dokumentasi: https://vue-multiselect.js.org/

Untuk pemasangan Vue 3, sila rujuk fail readme dalam Github untuk arahan terkini. (Belajar perkongsian video: tutorial vuejs)

2. pembungkus arahan yang pantas, mudah dan ringanAlamat Github: https://github.com/Power-kxLee/vue-print-nb

DEMO Dalam Talian : https://power-kxlee.github.io/vue-print-nb/dist/index.html

3 )

i18n ialah perpustakaan pengantarabangsaan yang agak matang di pasaran, dan vue-i18n ialah pemalam pengantarabangsaan Vue.js, yang membenamkan fungsi penukaran bahasa dalam aplikasi vue bahasa yang telah diimport ke dalam projek boleh ditukar.

vue-i18n-nex ialah perpustakaan pemalam untuk Vue i18n 9 untuk Vue 3.

Alamat rasmi: https://vue-i18n.intlify.dev/

4

Pemalam pemangkasan imej vue ringkasAlamat projek: https://github.com/xyxiao001/vue-cropper

Alamat demo: http://github.xyxiao.cn/vue-cropper/example/

5 > Sistem susun atur grid Vue.js

Tapak web rasmi Cina: https://jbaysolutions.github.io/vue-grid-layout/zh/

Vue Grid Layout ialah sistem susun atur grid yang serupa dengan Gridster, sesuai untuk Vue.js, diilhamkan oleh React Grid Layout.

Ciri:

Boleh diseret

Boleh saiz semula

• Komponen statik (tidak boleh diseret dan diubah saiz)

• Pemeriksaan sempadan semasa menyeret dan mengubah saiz

• Elakkan membina semula grid apabila menambah atau mengalih keluar Grid komponen

• Susun atur boleh bersiri dan boleh dipulihkan

• Sokongan RTL automatik

• Responsif

6. Vue Qrcode Reader
Komponen Vue.js yang membolehkan pengesanan tanpa meninggalkan pelayar dan menyahkod kod QR

Tapak web rasmi: https ://gruhn.github.io/vue-qrcode-reader/

Vue QRcode Reader ialah set komponen Vue.js untuk mengesan dan menyahkod kod QR (QR) . Ia membolehkan anda mengesan dan menyahkod kod QR tanpa meninggalkan penyemak imbas anda, dan semua komponen adalah responsif. Selain itu, ia mempunyai gaya hampir sifar supaya anda boleh menjadikannya sesuai dengan reka letak anda. Kaedah penggunaannya mudah dan jelas.

7 Makeit Captcha

Berdasarkan kod pengesahan peluncur yang dibangunkan oleh Vue3 Vite Canvas, ia menjana peluncur pengesahan secara dinamik, digabungkan dengan Pengesahan sekunder bahagian belakang boleh mengelak daripada ditangkap dan pengesahan simulasi.

Komponen kod pengesahan slaid sering digunakan untuk pengesahan sebelum penyerahan pelbagai borang. Alamat rasmi: https://admin.makeit.vip/components/captcha

Github: https://github.com/lirongtong/miitvip-captcha

Npm: https://www.npmjs.com/package/makeit-captcha

• 8 , vue3-clipboard

Vue 3's

clipboard.js

, tampal dan salin pemalam berdasarkan Vue 3, tidak bergantung pada Flash atau rangka kerja lain. Github: https://github.com/soerenmartius/vue3-clipboard

9 vue.draggable

komponen drag-and-drop Vue 3 berdasarkan Sortable.js

Alamat rasmi: https://sortablejs.github.io/vue.draggable.next/#/simple

alamat github: https://github.com/SortableJS/Vue.Draggable

Ciri

• Menyokong peranti sentuh

• Menyokong menyeret dan memilih teks

• Sokong penatalan pintar

• Sokongan menyeret antara senarai berbeza

• Bukan jQuery Untuk asas

• dan lihat model penyegerakan semula yang disegerakkan

• serasi dengan animasi kerajaan vue2

• menyokong Undo operasi

• Boleh membuang semua perubahan apabila kawalan penuh diperlukan

• Serasi dengan komponen UI sedia ada

10. BetterScroll

Pemalam yang menyelesaikan keperluan pelbagai senario penatalan pada bahagian mudah alih (PC sudah disokong).

Alamat rasmi: https://better-scroll.github.io/docs/zh-CN/

BetterScroll ialah kunci A pemalam yang menyelesaikan keperluan pelbagai senario penatalan pada bahagian mudah alih (PC sudah disokong). Terasnya adalah berdasarkan pelaksanaan iscroll (membuka tetingkap baharu Reka bentuk APInya pada asasnya serasi dengan iscroll, ia telah mengembangkan beberapa ciri dan membuat beberapa pengoptimuman prestasi.

BetterScroll dilaksanakan menggunakan JavaScript tulen, yang bermaksud ia bebas pergantungan.

Nota:

• Dalam BetterScroll 2.X, kami membahagikan ciri berganding 1.X kepada pemalam untuk mencapai pemuatan atas permintaan dan mengurangkan saiz pakej. Oleh itu, @better-scroll/core hanya menyediakan keupayaan penatalan teras. Jika anda ingin melaksanakan fungsi pemuatan tarik naik dan muat semula tarik turun, anda perlu menggunakan pemalam yang sepadan.

• BetterScroll versi 2.0.4 boleh menentukan sub-elemen pembalut sebagai kandungan melalui specifiedIndexAsContent.

(Mempelajari perkongsian video: pembangunan bahagian hadapan web)

Atas ialah kandungan terperinci 10 pemalam Vue3 biasa yang meningkatkan kecekapan pembangunan (datang dan kumpulkan). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!