What are the common plug-ins for Vue3 that improve development efficiency?

1, vue-multiselect-next

Vue.js’s universal selection/multi-select/marker component

2, vue-print-nb

A simple, fast, convenient and lightweight instruction wrapper for printing

# #3. vue-i18n-next (Vue3 internationalization plug-in)

i18n is a relatively mature internationalization library on the market, and vue-i18n is a Vue.js internationalization plug-in, that is The language switching function is embedded in the Vue application, and various languages ​​​​that have been imported into the project can be switched.

vue-i18n-nex is the Vue i18n 9 plug-in library for Vue 3.

4. vue-cropper

Simple vue image cropping plug-in

5. Vue Grid Layout

The grid layout system of Vue.js

Vue Grid Layout is A Gridster-like grid layout system for Vue.js, inspired by React Grid Layout.

Features:

• Dragable

• Resizable

• Static components (cannot be dragged and resized)

• Boundary checking when dragging and resizing

• Avoid rebuilding the grid when adding or removing components Grid

• Serializable and Restoreable Layout

• Automated RTL Support

• Responsive

6. Vue Qrcode Reader

A Vue.js component that allows detection and decoding of QR codes without leaving the browser

Vue QRcode Reader is a set of components based on Vue.js for detecting and decoding QR (two-dimensional code) codes. It allows you to detect and decode QR codes without leaving your browser, and all components are responsive. Other than that, it has close to zero styling so you can make them fit your layout. The method of use is simple and clear.

7. Makeit Captcha

Based on the slider verification code developed by Vue3 Vite Canvas, the verification slider is dynamically generated and combined with the back-end secondary verification, it can be effective Avoid being captured and simulated verification.

The slider verification code component is often used for verification before submission of various forms.

8, vue3-clipboard

Vue 3’s clipboard.js, a paste and copy plug-in based on Vue 3, does not depend on in Flash or other frameworks.

##9. vue.draggable

Vue 3 drag and drop based on Sortable.js Component

Features

Support touch devices
Support dragging and selecting text
Support smart scrolling
Support dragging between different lists
Not based on jQuery
Synchronized refresh with view model
Compatible with vue2’s country animation
Supports undo operations
All changes can be thrown when full control is required
Can be combined with existing UI components Compatible with

10 and BetterScroll

plug-ins that solve the needs of various scrolling scenarios on the mobile side (PC already supported).

#BetterScroll is a plug-in that focuses on solving the needs of various scrolling scenarios on the mobile terminal (PC has been supported). Its core is based on the implementation of iscroll (opens new window). Its API design is basically compatible with iscroll. On the basis of iscroll, it has expanded some features and made some performance optimizations.

BetterScroll is implemented using pure JavaScript, which means it is dependency-free.

Notice:

• In BetterScroll 2.X, we split the 1.X coupled features into plug-ins to achieve on-demand loading and reduce package size. Therefore, @better-scroll/core only provides the most basic scrolling functionality. If you want to implement pull-up loading and pull-down refresh functions, you need to use the corresponding plug-in.

• BetterScroll version 2.0.4 can specify a sub-element of the wrapper as content through specifiedIndexAsContent.

The above is the detailed content of What are the common plug-ins for Vue3 that improve development efficiency?. For more information, please follow other related articles on the PHP Chinese website!