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

Vue 被一个健康的插件和包的生态系统所加强 , 使开发变得可靠、快速和简单 。由于Vue 是一个国际开发者社区所选择的框架 , 所以有一个不断增长的插件和包库 , 你可以在项目中使用 。本文列举了用于Vue 2和Vue 3的 15个 流行的 Vue 插件 。

  • Vuetify
  • NuxtJS
  • Vuex
  • Vuex Persisted State
  • 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 Code Reader
Vuetify
vue拖拽插件哪个好 最好用的vuevue拖拽插件


教程:https://www.vuemastery.com/courses/beautify-with-vuetify/getting-started-with-vuetify
你是否曾纠结于如何让应用在视觉上看起来更吸引人?Vuetify是一个基于Material Design的UI库 , 支持谷歌和Android的设计语言 。
它是一个开源库 , 有数百个组件 , 从按钮 ,  app bars , chips , modals 和更多 。这些组件都是预先设计好的 , 非常实用 , 让你能够通过文档化的 props 和插槽与它们进行交互 。预先定义的CSS类也可用于控制颜色、字体、网格间距、弹性框等 。
NuxtJS
vue拖拽插件哪个好 最好用的vuevue拖拽插件


Nuxt 基于一个强大的模块化架构 。你可以从 50 多个模块中进行选择 , 让你的开发变得更快、更简单 。对 PWA 的支持、添加谷歌分析到你的网页或生成网站地图 , 这些功能都无需重新发明轮子来获得 。
NuxtJS目前基于Vue 2 。但是nux3最近已经发布 , 并且已经完全重写以支持Vue 3 。
Vuex
vue拖拽插件哪个好 最好用的vuevue拖拽插件


Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 。它采用集中式存储管理应用的所有组件的状态 , 并以相应的规则保证状态以一种可预测的方式发生变化 。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window) , 提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能 。
Vuex Persisted State
vue拖拽插件哪个好 最好用的vuevue拖拽插件


Vuex状态机制 , 一刷新就会重置 , 解决问题的方式一般都是存储起来(session/local Storage) , vuex-persistedstate插件帮我们集成了这些功能 。
VuePress
vue拖拽插件哪个好 最好用的vuevue拖拽插件


VuePress 是一款使用 Vue 驱动的静态网站生成器 , 是 Vue 的作者 Evan You 为了方便文档的编写而开发的 。
  • 默认主题与 Vue 官方文档一致
  • 简洁 , 少配置 , 高性能
  • Markdown 专为技术文档提供拓展
  • 自带 PWA
  • 自定义主题 , 可定制程度完全由自己决定
Vue Meta
vue拖拽插件哪个好 最好用的vuevue拖拽插件


地址:https://vue-meta.nuxtjs.org/
基于Vue 2.0 的 vue-meta 插件 , 主要用于管理HMTL头部标签 , 同时也支持SSR 。
vue-meta有以下特点:
  • 在组件内设置 metaInfo , 便可轻松实现头部标签的管理
  • metaInfo 的数据都是响应的 , 如果数据变化 , 头部信息会自动更新 支持 SSR

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


Vue ChartJS
vue拖拽插件哪个好 最好用的vuevue拖拽插件

推荐阅读