Vue 被一个安康的插件和包的生态体例所巩固,使开拓变得真实、赶快和大略。因为Vue 是一个国际开拓者社区所采用的框架,以是有一个连接延长的插件和包库,你不妨在名目中运用。正文陈列了用来Vue 2和Vue 3的 15个 时髦的 Vue 插件。
VuetifyNuxtJSVuexVuex Persisted StateVuePressVue MetaVue ChartJSVue Grid LayoutVue DraggableVee-ValidateVue ToastificationVue TourSwiper.jsVue2-LeafletTroisJSVue ScrollamaVue QR Code ReaderVuetify
教程: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自设置中心,可定制水平实足由本人确定Vue Meta
地方:https://vue-meta.nuxtjs.org/
鉴于Vue 2.0 的 vue-meta 插件,重要用来处置HMTL头地标签,同声也扶助SSR。
vue-meta有以次特性:
在组件内树立 metaInfo,便可轻快实行头地标签的处置metaInfo 的数据都是相应的,即使数据变革,头部消息会机动革新 扶助 SSRVue ChartJS
地方:https://www.npmjs.com/package/vue-chartjs
想在你的Vue运用步调中增添图表?不妨看看 Chart.js。它是一个为安排师和开拓者供给的大略而精巧的 JS 图表库。它有很多美丽的图表典型可供采用。
地方:https://jbaysolutions.github.io/vue-grid-layout/
Vue Grid Layout 是一个一致于 Gridster 的栅格构造体例, 实用于 Vue.js,灵感根源于React Grid Layout。
个性
可拖拽可安排巨细静态元件(不行拖拽、安排巨细)拖拽和安排巨细时举行边境查看增减元件时制止重修栅格可序列化和恢复的构造机动化 RTL 扶助相应式Vue Draggable
地方:https://www.npmjs.com/package/vuedraggable
Vue.Draggable 是一款鉴于 Sortable.js 实行的vue拖拽插件。扶助挪动摆设、拖拽和采用文本、智能震动,不妨在各别列表间拖拽、不依附 jQuery 为普通、vue2 过度动画兼容、扶助废除操纵,总之是一款特殊特出的vue拖拽组件。
Vee-Validate
地方:https://www.npmjs.com/package/vee-validate
为了保证经过表单从用户何处搜集精确典型的数据,有需要考证表单,以保证用户输出适合预期的形式。VeeValidate是一个不妨将这一层功效增添就任何表单组件的包。
Vue Toastification
地方:https://vue-toastification.maronato.dev/
Vue Toastification 是一个轻量、易用且场面的提醒条报告组件,供给了洪量的选项来扶助大局部自设置采用。
Vue Tour
地方:https://github.com/pulsardev/vue-tour
Vue Tour是灵巧、大略且可自设置的生人引导插件,可与Vue.js一道运用。它供给了一种赶快简单的本领来引导用户运用您的运用步调。
Swiper.js
地方:https://swiperjs.com/vue
Swiper.js是一个预制的回旋跷跷板组件,不妨用来在百般图片之间滑行。Swiper.js 原生扶助Vue 3,供给了一个不妨插入到你的项手段组件。对于Vue 2,你不妨运用其余包,如vue-awesome-swiper。
vue2-leaflet
地方:https://www.npmjs.com/package/vue2-leaflet
vue2-leaflet是对ledflet的封装,vue名目市直接运用vue2-leaflet即可。Leaflet.js 是一个开源库,运用它不妨安置交互式,大略,轻量级和大略的Web舆图。
TroisJS
地方:https://troisjs.github.io/
Trois(法语为Three)是一个Vue 3库,用来Three.JS,这是一个时髦的WebGL库。
Three.JS对桌面和挪动端都有杰出的扶助。这个库承诺你运用VueJS组件为你的网站轻快创造3D实质。你不妨运用这个库在你的网站上增添一个3D衬托器,并在你的VueJs文献的<template>局部中运用预先创造的组件指定场景详细,如资料、照明、网格、暗影等。
Trois.Js 是Three.js上头的一个包装器,所以不比原始库慢。它还经过机动处治好多体、资料、纹理、衬托器等来简化东西的处治,这在原始库中是不生存的。
vue-scrollama
地方:https://www.npmjs.com/package/vue-scrollama
一个Vue组件,可轻快树立震动启动的交互(又称震动报告)。在引擎盖下运用 Scrollama。
Vue QR Code Reader
地方:https://gruhn.github.io/vue-qrcode-reader/demos/CustomTracking.html
QR码(QR code)在现在寰球特殊一致。Vue二维码观赏器是一个即插即用的包,承诺你增添二维码扫描功效到你的运用步调。