Most popular Vue.js plugins & packages

来源：互联网收集：自由互联发布时间：2022-05-30

原文链接：17 Most popular Vue.js plugins packages Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增

原文链接：17 Most popular Vue.js plugins & packages

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

本文列举了用于 Vue 2 和 Vue 3 的 17个流行的 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

教程地址：https://www.vuemastery.com/courses/beautify-with-vuetify/getting-started-with-vuetify

你是否曾纠结于如何让应用在视觉上看起来更吸引人？Vuetify是一个基于 Material Design 的 UI 库，支持谷歌和 Android 的设计语言。

它是一个开源库，有数百个组件，从按钮， app bars，chips，modals 和更多。这些组件都是预先设计好的，非常实用，让你能够通过文档化的 props 和插槽与它们进行交互。预先定义的 CSS 类也可用于控制颜色、字体、网格间距、弹性框等。

NuxtJS

Nuxt 基于一个强大的模块化架构。你可以从 50 多个模块中进行选择，让你的开发变得更快、更简单。对 PWA 的支持、添加谷歌分析到你的网页或生成网站地图，这些功能都无需重新发明轮子来获得。

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

Vuex

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

Vuex Persisted State

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4ACLQnsj-1648451524956)( https://bu.dusays.com/2022/03/26/8571620ef348f.jpg)]

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

VuePress