vue拖拽插件哪个好（最好用的vuevue拖拽插件）

2022-07-23 03:31:22 浏览：343 作者：管理员

【商户信息】

类目：知识大全

联系人：

微信号：
Q Q 号：
手机号：
浏览量：

343

【货源详情】

Vue通过健康的插件和软件包生态系统得到了增强，开发可靠、快速、简单。 Vue是国际开发人员社区选择的框架，因此具有不断增加的插件和包，可以在项目中使用。本文列举了用于Vue 2和Vue 3的15个常见Vue插件。

Vuetify

NuxtJS

Vuex

vuex持续状态

VuePress

Vue Meta

Vue ChartJS

Vue Grid Layout

Vue Draggable

Vee-Validate

Vue Toastification

Vue Tour

Swiper.js

Vue2-Leaflet

TroisJS

Vue Scrollama

vue QR代码读取程序

Vuetify

教程： https://www.vue mastery.com/courses/beautify-with-vuetify/getting-started-with-vuetify

您是否曾为如何使APP应用程序看起来在视觉上更有吸引力而烦恼？ Vuetify是一个基于材料设计的UI库，支持谷歌和安卓设计语言。

这是一个开源库，包含数百个组件，包括按钮、app bars、chips和modals。这些组件经过预先设计，非常实用，可以通过插槽与记录的props进行交互。预定义的CSS类还可用于控制颜色、字体、网格间距和弹性框等。

NuxtJS

Nuxt基于强大的模块化体系结构。可以从50多个模块中选择，使开发更快、更简单。支持PWA、将谷歌分析添加到你的页面，或者生成网站地图，都不需要重新发明车轮来获得。

NuxtJS目前基于Vue 2。但是，nux3最近发布，并被完全重写以支持Vue 3。

Vuex

Vuex是专门为vue.js APP应用程序开发的状态管理模型。使用集中式存储管理APP应用程序的所有组件的状态，并确保状态以可预测的方式根据适当的规则变化。 Vuex还集成到Vue的官方调试工具dev tools extension (opens new window )中，提供了高级调试功能，包括零配置time-travel调试、状态快照导入和导出

Vuex Persisted State

Vuex状态机制在刷新后会重置。解决问题的方法一般是存储(session/local Storage )。 vuex-persistedstate插件集成了这些功能。

VuePress

VuePress是Vue驱动的静态站点生成器，是Vue的作者Evan You为了方便文档的创建而开发的。

默认主题与Vue官方文档一致

简单、配置少、性能高

Markdown专门用于扩展技术文档

带PWA

定制主题，可定制程度完全由自己决定

Vue Meta

地址： https://vue-meta.nuxtjs.org/

基于Vue 2.0的vue-meta插件主要用于管理HMTL头标记，并且支持SSR。

vue-meta具有以下特征：

通过在单元内设置元信息，头部标签的管理变得容易

metaInfo中的所有数据都已响应，当数据发生变化时，标头信息会自动更新以支持SSR

Vue ChartJS

地址： https://www.NPM js.com/package/vue-chart js

你想在你的vue APP中添加图表吗？看看Chart.js吧。这是一个用于设计师和开发人员的简单灵活的JS图表库。有很多漂亮的图表类型。

地址： https://jbaysolutions.github.io/vue-grid-layout /

Vue Grid Layout是一种类似于Gridster的网格布局系统，应用于Vue.js，灵感来自于React Grid Layout。

特性

可拖动

可调整大小

静态零件(不可拖动、调整大小)

拖放&；调整大小时进行边界检查

零件增减时避免网格的重构

可序列化和恢复的布局

RTL支持自动化

响应式

Vue Draggable

地址： https://www.NPM js.com/package/vue draggable

Vue.Draggable是一个基于Sortable.js实现的vue拖放插件。移动设备、文本拖放&；支持选择、智能滚动，可以在不同列表之间拖动，不基于jQuery，支持vue2过渡视频兼容、撤销操作，总之是非常好的vue拖动组件。

Vee-Validate

地址： https://www.NPM js.com/package/vee-validate

为了确保通过表单从用户收集正确类型的数据，必须验证表单以确保用户的输入达到了期望的模式。 VeeValidate是一个包，可以将此级别的功能添加到任何窗体组件中。

Vue Toastification

地址： https://vue-toast ification.maro NATO.dev /

Vue Toastification是一个轻量级、易于使用、美观的古巴通知组件，支持许多定制选项。

Vue Tour

地址： https://github.com/pulsar dev/vue-tour

Vue Tour是一个轻量、简单、可定制的初学者指南插件，可以与Vue.js一起使用。这为用户提供了一种快速、简单的方法来使用APP应用程序。

Swiper.js

地址： https://swiperjs.com/vue

Swiper.js是一个预创建的马里兰组件，可用于幻灯片各种图像。 Swiper.js本机支持Vue 3，并提供了可以插入到项目中的组件。对于Vue 2，可以使用其他包，如vue-awesome-swiper。

vue2-leaflet

地址： https://www.NPM js.com/package/vue2- leaflet

vue2-leaflet是ledflet的封装，在vue项目中可以直接使用vue2-leaflet。 Leaflet.js是一个开源库，可以部署交互式、简单、轻量级和简单的Web地图。

TroisJS

地址： https://troisjs.github.io/

Trois (法语中为Three ) )是用于Three.JS的Vue 3库，这是一种常见的WebGL库。

Three.JS同时支持桌面和移动。通过此库，可以使用VueJS组件轻松创建网站的3D内容。可以使用此库将三维渲染器添加到网站，并使用在VueJs文件的“template”部分中预先创建的组件指定材质、照明、网格和阴影等场景的详细信息。

Trois.Js是Three.js上面的包装器，所以不会比原始库慢。它还通过自动处置几何体、材料、纹理、渲染器等来简化对原始库中不存在的对象的处置。

vue-scrollama

地址： https://www.NPM js.com/package/vue-scroll ama

一种Vue组件，用于轻松设置滚动驱动交互(也称为滚动演讲)。在发动机罩下使用Scrollama。

Vue QR Code Reader

地址： https://gru HN.github.io/vue-QR code-reader/demos/custom tracking.html

二维码(二维码)在当今世界非常普遍。 vue二维码读取器是一个即插即用的软件包，可以向APP应用程序添加二维码扫描功能。