vue拖拽插件哪个好(最好用的vuevue拖拽插件)

2022-07-23 03:31:22  浏览:343  作者:管理员
  • vue拖拽插件哪个好(最好用的vuevue拖拽插件)

  • 【商户信息】

  • 类目:知识大全


  • 联系人:


  • 微信号:

  • 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应用程序添加二维码扫描功能。

评论区

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机新闻】

返回顶部