vue拖拽插件哪个好(最好用的vuevue拖拽插件)
-
-
类目:知识大全
-
联系人:
-
微信号:
-
Q Q 号:
-
手机号:
-
浏览量:
349
【商户信息】
【货源详情】
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应用程序添加二维码扫描功能。