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
教程: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
Vuex状态机制 , 一刷新就会重置 , 解决问题的方式一般都是存储起来(session/local Storage) , vuex-persistedstate插件帮我们集成了这些功能 。
VuePress
VuePress 是一款使用 Vue 驱动的静态网站生成器 , 是 Vue 的作者 Evan You 为了方便文档的编写而开发的 。
- 默认主题与 Vue 官方文档一致
- 简洁 , 少配置 , 高性能
- Markdown 专为技术文档提供拓展
- 自带 PWA
- 自定义主题 , 可定制程度完全由自己决定
地址:https://vue-meta.nuxtjs.org/
基于Vue 2.0 的 vue-meta 插件 , 主要用于管理HMTL头部标签 , 同时也支持SSR 。
vue-meta有以下特点:
- 在组件内设置 metaInfo , 便可轻松实现头部标签的管理
- metaInfo 的数据都是响应的 , 如果数据变化 , 头部信息会自动更新 支持 SSR
Vue ChartJS
推荐阅读
- 全境封锁26%武器伤害蓝色插件在哪里 蓝色配件获取方法_网
- 全境封锁2插件空投在哪里 全境封锁2全34个插件空投位置一览
- 手机新flash插件 电脑安装flash步骤
- 同步书签什么意思 浏览器书签同步插件
- adobe flash插件有什么用 安卓手机flash插件最新
- 淘宝比价插件哪个好 淘宝最低价查询的app
- cookie插件怎么用 取cookie的方法
- 淘宝开店必备的插件推荐 淘宝卖家常用插件工具哪个好
- 微软AzureSentinel工具已支持检测Log4j2漏洞,推出新插件
- 很多SEO设置就需要在这个插件里操作 seo新手入门教程有哪些