国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

這篇具有很好參考價值的文章主要介紹了Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

(一)移動端 常用組件庫

1)Vant ui

??有贊移動 UI 組件庫,支持 Vue2/3 微信小程序,支付寶小程序
https://vant-contrib.gitee.io/vant/v2/#/zh-CN/col
Vant 是由有贊前端團隊開發(fā)的一套基于 Vue.js 的移動端 UI 組件庫,它包含了豐富的組件和功能,可以幫助開發(fā)者快速構建高質量的移動應用。Vant 以簡潔易用和高質量的代碼為特點,同時提供了豐富的文檔和示例,方便開發(fā)者學習和使用。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

2)uView(Vue2)

??https://v1.uviewui.com/
多平臺快速開發(fā)的UI框架
uView UI,是uni-app生態(tài)最優(yōu)秀的UI框架,全面的組件和便捷的工具會讓您信手拈來,如魚得水
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
ni-app在2018年初發(fā)布以來,一直蓬勃發(fā)展,一派欣欣向榮,社區(qū)也是人聲鼎沸,眾望所歸。

因此,uView應運而生,uView的目標是成為uni-app生態(tài)最優(yōu)秀的UI框架。

關于uView的取名來由,首字母u來自于uni-app首字母,uni-app是基于Vue.js,Vue和View(延伸為UI、視圖之意)同音,同時view組件uni-app中 最基礎,最重要的組件,故取名uView,表達源于uni-appVue之意,同時在此也對它們表示感謝。

3)uview-plus(Vue3)

??https://uiadmin.net/uview-plus/
多平臺快速開發(fā)的UI框架
uview-plus,是全面兼容nvueuni-app生態(tài)框架,全面的組件和便捷的工具會讓您信手拈來,如魚得水,基于uView2.0初步修改,后續(xù)會陸續(xù)修復vue3兼容性,以及組合式API改造等。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
uview-plus來源于社區(qū),也回歸到社區(qū),正是有一群熱愛uni-app生態(tài)的同學推著它前行,而我們也一如既往的承諾,uview-plus永久開源,永遠免費。

關于uview-plus的取名來由,就是uview加上plus

關于uview的取名來由,首字母u來自于uni-app首字母,uni-app是基于Vue.js,VueView(延伸為UI、視圖之意)同音,同時view組件是uni-app中 最基礎,最重要的組件,故取名uview-plus,表達源于uni-appVue之意,同時在此也對它們表示感謝。

4)Cube UI

??滴滴出行移動端 UI 庫
https://didi.github.io/cube-ui/#/zh-CN
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Cube UI 是一個基于 Vue.js 的移動端 UI 組件庫,由滴滴出行前端團隊開發(fā)。它提供了豐富的組件和樣式,可以幫助開發(fā)者快速構建高質量的移動應用。Cube UI 的設計理念是簡單易用、輕量級,注重性能和用戶體驗。

5) NuTUI

??京東移動端 UI 庫,面向電商業(yè)務場景,支持 Vue2/3
https://nutui.jd.com/#/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
NuTUI 是一個基于 Vue.js 的企業(yè)級 UI 組件庫,由南京甘祖昌科技有限公司開發(fā)。它提供了豐富的組件和樣式,可以幫助開發(fā)者快速構建高質量的 Web 應用。NuTUI 的設計理念是簡單易用、靈活可擴展、注重用戶體驗。

6)Mint ui

?? 餓了么前端團隊開發(fā)的移動組件庫
http://mint-ui.github.io/#!/zh-cn
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Mint UI 是由餓了么前端團隊推出的一套基于 Vue.js 的移動端 UI 組件庫。它提供了豐富的組件和樣式,可以幫助開發(fā)者快速構建高質量的移動應用。Mint UI 的設計理念是簡單易用、高效實用、靈活可擴展。

7)Varlet UI

??https://varlet.gitee.io/varlet-ui/#/zh-CN/index
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Varlet UI 是一款基于 Vue 3 和 TypeScript 的開源 UI 組件庫,是由中國團隊 Varlet 開發(fā)和維護的。它以簡潔、易用和高效為設計理念,提供了豐富的組件和工具,方便開發(fā)者快速構建優(yōu)秀的 Web 應用。

8)OnsenUI

??http://s.onsen.io/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Onsen UI 是一個開源的移動端 UI 組件庫,提供了豐富的組件和樣式,可以幫助開發(fā)者快速構建優(yōu)秀的混合移動應用。Onsen UI 基于 Web Components 技術開發(fā),支持多個框架,包括 Vue.js、Angular、React 等。

9)VUX

??移動端 UI 組件庫,針對微信強勢優(yōu)化
https://vux.li/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
VUX 是一個基于 Vue.js 的移動端 UI 組件庫,由大眾點評前端團隊開發(fā)。它提供了豐富的組件和樣式,可以幫助開發(fā)者快速構建高質量的移動應用。VUX 的設計理念是簡潔易用、高效實用、可定制化。

(二)PC端(web端)常用組件庫

1)Element UI ( Vue2)

??餓了么前端團隊開發(fā) https://element.eleme.io/#/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Element UI 是一個基于 Vue.js 2.0 的開源 UI 組件庫,由餓了么前端團隊開發(fā)和維護,提供了豐富的組件和樣式,適用于構建 Web 應用的各種 UI 界面。

2)Element UI PLUS (Vue3)

??https://element-plus.org/zh-CN/#/zh-CN
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Element UI PLUS(簡稱 EPLUS)是在 Element UI 基礎上,由社區(qū)開發(fā)者自發(fā)推出的 Element UI 增強版組件庫。它在 Element UI 的基礎上,提供了更多的功能和組件,并且對一些組件的樣式和行為進行了改進和優(yōu)化。

3)Ant Design Vue (2/3)

??https://2x.antdv.com/components/overview-cn/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Ant Design Vue 是一款由 Ant Design 團隊開發(fā)和維護的基于 Vue.js 的 UI 組件庫,它以 Ant Design 設計體系為基礎,提供了一系列優(yōu)雅、實用、高質量的組件和樣式,適用于 Web 應用的各種 UI 界面。

4)Naive UI

??https://www.naiveui.com/zh-CN/os-theme
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Naive UI 是一款由 Vue.js 愛好者自發(fā)開發(fā)的 UI 組件庫,它采用了現(xiàn)代化的設計和技術,提供了一系列簡潔、易用、美觀的組件和樣式。

5)Avue(Vue動態(tài)組件庫)

??https://avuejs.com/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Avue

6)Vuetify 3

??老牌 Vue UI ,基于谷歌的 Material Design 樣式開發(fā),支持 Vue3
https://vuetifyjs.com/zh-Hans/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vuetify 3 是一個基于 Vue.js 的響應式 Material Design 組件庫,旨在為開發(fā)人員提供用于構建 Web 應用程序和移動應用程序的豐富、美觀和易用的組件。

Vuetify 3 與 Vue 3 的生態(tài)系統(tǒng)深度集成,可以在 Vue.js 應用程序中無縫使用。Vuetify 3 的組件庫包含了多種組件,如按鈕、表單、菜單、對話框、標簽頁等等,可以幫助開發(fā)人員快速構建具有豐富 UI 和交互功能的應用程序。

7)iView

??一套基于 Vue.js 的高質量UI 組件庫 https://www.iviewui.com/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
iView 是一個基于 Vue.js 的 UI 組件庫,旨在為開發(fā)人員提供用于構建 Web 應用程序的豐富、美觀和易用的組件。

iView 的設計風格簡約、清新,具有響應式布局和可訪問性,可以適應不同的屏幕尺寸和設備。開發(fā)人員可以使用 iView 的自定義樣式或預定義的主題來定義應用程序的外觀和感覺。

8)Vue Material

??https://www.creative-tim.com/vuematerial/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue Material 是一個基于 Vue.js 的 UI 組件庫,它提供了一組美觀、易用且高度可定制的組件,包括按鈕、卡片、表單、菜單、對話框、進度條、圖標等等。

Vue Material 的設計風格遵循 Google Material Design 指南,具有明亮、清晰、簡潔的外觀和響應式布局,可以適應不同的屏幕尺寸和設備。

9)vue-element-admin

?? https://panjiachen.github.io/vue-element-admin-site/zh/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue Element Admin 是一個開箱即用的后臺管理系統(tǒng)模板,基于 Vue.js 和 Element UI 組件庫構建。它提供了許多常見的后臺管理功能,如登錄、權限管理、數(shù)據(jù)展示、數(shù)據(jù)編輯、圖表展示、富文本編輯器等等。

Vue Element Admin 具有良好的擴展性和可定制性,可以根據(jù)需要添加或修改組件和頁面。它還提供了豐富的文檔和示例,使開發(fā)人員可以輕松地學習和使用它的組件和 API。

10)Vue Bootstrap

??https://bootstrap-vue.org/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue Bootstrap 是一個基于 Vue.js 的 UI 組件庫,它提供了一組美觀、易用且高度可定制的組件,包括按鈕、卡片、表格、表單、導航欄、輪播圖、模態(tài)框等等。

Vue Bootstrap 的設計風格基于 Twitter Bootstrap,具有簡潔、現(xiàn)代和響應式的外觀,可以適應不同的屏幕尺寸和設備。同時,Vue Bootstrap 還提供了許多自定義選項,使開發(fā)人員可以根據(jù)自己的需要調整組件的外觀和行為。

11)Vue-Blu

??是基于Vuejs和Bulma開發(fā)的開源UI組件庫。旨在為PC端的前端開發(fā)(特別是中后臺產品)提供一個快速且靈活的解決方案。
https://chenz24.github.io/vue-blu/#/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue-Blu 是一個基于 Vue.js 和 Bulma CSS 框架構建的 UI 組件庫,提供了一組美觀、易用且高度可定制的組件,包括表單、按鈕、卡片、面包屑、導航欄、面板等等。

Vue-Blu 的設計風格基于 Material Design,具有簡潔、現(xiàn)代和響應式的外觀,可以適應不同的屏幕尺寸和設備。同時,Vue-Blu 還提供了許多自定義選項,使開發(fā)人員可以根據(jù)自己的需要調整組件的外觀和行為。

13)Keen UI

??https://josephuspaye.github.io/Keen-UI/#/ui-alert
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Keen UI 是一個基于 Vue.js 的輕量級 UI 組件庫,它提供了一組簡單、靈活和易用的組件,包括按鈕、表格、表單、標簽頁、導航欄、進度條、模態(tài)框等等。

Keen UI 的設計風格基于 Material Design,具有現(xiàn)代和響應式的外觀,可以適應不同的屏幕尺寸和設備。Keen UI 還提供了許多自定義選項,使開發(fā)人員可以根據(jù)自己的需要調整組件的外觀和行為

14)Buefy

??https://buefy.org/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Buefy 是一個基于 Vue.js 和 Bulma CSS 框架構建的 UI 組件庫,提供了一組簡單、靈活、易用的組件,包括按鈕、表格、表單、標簽頁、導航欄、進度條、模態(tài)框、消息提示等等。

Buefy 的設計風格也基于 Bulma,具有現(xiàn)代、干凈和響應式的外觀,適用于構建各種類型的 Web 應用程序。Buefy 還提供了很多自定義選項,可以讓開發(fā)人員輕松地調整組件的外觀和行為。

15)Fish-UI

??https://myliang.github.io/fish-ui/#/components/index
Fish-UI是一個基于Vue.js的組件庫,旨在為開發(fā)者提供一組易用、高效、美觀的UI組件。Fish-UI提供了豐富的組件,包括表單、表格、彈窗、日期選擇器、按鈕、圖標等等,可以滿足不同應用場景的需求。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

Fish-UI的特點主要包括:
簡單易用:Fish-UI提供了簡單易用的API和文檔,使得開發(fā)者可以輕松地使用和學習Fish-UI。
高效性能:Fish-UI采用了Vue.js的虛擬DOM技術,可以實現(xiàn)高效的渲染和更新,提高應用程序的性能。
定制化:Fish-UI提供了多種主題和自定義選項,可以根據(jù)不同的需求進行定制。
社區(qū)支持:Fish-UI擁有一個活躍的社區(qū),提供了各種插件、工具和示例,幫助開發(fā)者更好地使用和學習Fish-UI。

16)Quasar

??中文官網(wǎng):http://www.quasarchs.com/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Quasar是一個基于Vue.js的框架,旨在為Web和移動應用程序開發(fā)提供一致的體驗。Quasar提供了一組豐富的UI組件和工具,使得開發(fā)者可以輕松地構建響應式Web和移動應用程序。

Quasar的特點主要包括:

響應式設計:Quasar提供了一組響應式UI組件,使得應用程序可以適配不同的設備和屏幕尺寸。

跨平臺支持:Quasar可以同時構建Web和移動應用程序,開發(fā)者可以使用同樣的代碼和工具來構建應用程序。

多樣化的UI組件:Quasar提供了豐富的UI組件,包括按鈕、表格、表單、對話框、進度條等等,滿足不同應用程序的需求。

豐富的工具集:Quasar提供了一組實用的工具,包括國際化、路由、狀態(tài)管理等等,幫助開發(fā)者更快速地開發(fā)應用程序。

社區(qū)支持:Quasar擁有一個龐大的社區(qū),提供了各種文檔、示例和插件,幫助開發(fā)者更好地使用和學習Quasar。

23)hey UI

?? https://www.heyui.top/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

(三)數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏)

1)echarts(圖表組件庫)

?? https://echarts.apache.org/examples/zh/index.html#chart-type-candlestick
ECharts(Enterprise Charts)是一個由百度開源的數(shù)據(jù)可視化庫,用于創(chuàng)建交互式的圖表和數(shù)據(jù)可視化界面。它是一個基于JavaScript的庫,可在Web應用程序中使用。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
ECharts提供了豐富的圖表類型,包括折線圖、柱狀圖、餅圖、散點圖、雷達圖、熱力圖、地圖等。它還支持多種數(shù)據(jù)格式的輸入,包括常見的JSON、XML和CSV。ECharts提供了靈活的配置選項,使用戶可以根據(jù)自己的需求定制圖表的外觀和行為。

2)highcharts(圖表組件庫)

??https://www.hcharts.cn/
Highcharts 是一個流行的 JavaScript 圖表庫,用于創(chuàng)建交互式和可定制化的圖表和數(shù)據(jù)可視化。它為開發(fā)人員提供了豐富的圖表類型和靈活的配置選項,使其能夠滿足各種數(shù)據(jù)可視化需求。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Highcharts 在各種 Web 應用程序和數(shù)據(jù)可視化場景中廣泛應用,包括數(shù)據(jù)分析、報表展示、儀表盤、實時監(jiān)控等。其簡單易用的接口和強大的功能使開發(fā)人員能夠快速構建美觀且交互性強的圖表組件,幫助用戶更好地理解和呈現(xiàn)數(shù)據(jù)。

3)Datav (數(shù)據(jù)大屏組件庫)

Datav是一個專業(yè)的數(shù)據(jù)可視化工具,它為用戶提供了各種可視化組件、模板、圖表等元素,幫助用戶快速構建數(shù)據(jù)可視化頁面,支持多種數(shù)據(jù)源的導入和自定義數(shù)據(jù)處理,具有快速、易用、可擴展等優(yōu)點。

??【Vue2:http://datav.jiaminghi.com/】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
??【Vue3:https://datav-vue3.netlify.app/】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

4)vue-seamless-scroll (Vue無縫滾動組件)

vue-seamless-scroll 是一個基于 Vue.js 的插件,用于實現(xiàn)無縫滾動效果的組件。它提供了一種簡單的方式來創(chuàng)建水平或垂直方向上的無縫滾動視圖。
??Vue2:https://chenxuan0000.github.io/vue-seamless-scroll/

Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

??Vue3:https://doc.wssio.com/opensource/vue3-seamless-scroll/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
使用 vue-seamless-scroll 插件可以輕松實現(xiàn)網(wǎng)頁上的無縫滾動效果,適用于新聞滾動條、輪播圖、橫向導航、滾動廣告等場景。通過簡單的配置和定制,可以使?jié)L動視圖適應不同的設計需求,并提供良好的用戶體驗。

5)AntV 螞蟻集團全新一代數(shù)據(jù)可視化解決方案

??https://antv.vision/
AntV 是一家專注于數(shù)據(jù)可視化的公司,他們的 G2 庫提供了一套功能強大的圖表組件,適用于大數(shù)據(jù)展示和分析。AntV/G2 提供了 Vue.js 的官方封裝,可以輕松地在 Vue.js 項目中使用。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

6)Chart.js

??https://chartjs.bootcss.com/
為設計和開發(fā)人員準備的簡單、靈活的 JavaScript 圖表工具
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

7)v-charts (Vue圖表組件庫)

在使用 echarts 生成圖表時,經常需要做繁瑣的數(shù)據(jù)類型轉化、修改復雜的配置項,v-charts 的出現(xiàn)正是為了解決這個痛點?;?Vue2.0 和 echarts 封裝的 v-charts 圖表組件,只需要統(tǒng)一提供一種對前后端都友好的數(shù)據(jù)格式設置簡單的配置項,便可輕松生成常見的圖表

??https://vue-echarts.github.io/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

8)Viserjs

??https://viserjs.github.io/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
ViserVue 是一個基于 G2 和 Vue.js 的數(shù)據(jù)可視化庫,它提供了一套易用且強大的圖表組件和交互工具。ViserVue 結合了 G2 的功能和 Vue.js 的開發(fā)方式,可以幫助你快速構建漂亮的數(shù)據(jù)可視化應用。

9) Vue baidu map (百度地圖組件)

Vue Baidu Map 是一個用于在 Vue.js 應用中集成百度地圖的插件。它提供了一種簡單的方式來在 Vue 組件中顯示和操作地圖,并且可以利用百度地圖的各種功能和服務。
??基于Vue 2.x的百度地圖組件
中文文檔:https://dafrok.github.io/vue-baidu-map/#/zh/start/installation
?? 在線預覽:https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
基于Vue3.x的百度地圖組件
vue-baidu-map-3x
?? http://map.heifahaizei.com/doc/index.html
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
通過 Vue Baidu Map 插件,你可以方便地將百度地圖集成到 Vue.js 應用中,實現(xiàn)地圖展示、交互和功能,適用于各種需要地圖支持的應用場景,如位置展示、導航、地點搜索等。

10)ppchart (echarts社區(qū))

??http://ppchart.com/#/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

11)isqqw(echarts社區(qū))

??https://www.isqqw.com/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

12)makeapie(echarts社區(qū))

??https://www.makeapie.cn/echarts
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

13)Chart.Top(echarts社區(qū))

??http://chart.365api.cn/#/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

(四)動畫組件庫

1)swiper(輪播圖組件庫)

Swiper 是一個流行的移動端輪播圖組件庫,用于創(chuàng)建滑動輪播和觸摸滑動效果的移動端應用程序。它是一個基于 JavaScript 的庫,具有平滑的滑動效果、豐富的配置選項和靈活的擴展性。
??https://www.swiper.com.cn/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

??https://swiperjs.com/demos
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Swiper 組件庫廣泛應用于移動端應用開發(fā)中的輪播圖場景,如產品展示、圖片輪播、新聞滾動、廣告推廣等。其易用性、靈活性和豐富的功能使開發(fā)人員能夠快速集成和定制滑動輪播效果,提供優(yōu)秀的移動端用戶體驗。

2)kinesis(動畫組件庫)

包括過渡動畫、滾動效果、縮放、淡入淡出等
https://aminerman.com/kinesis/#/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

3)vue-seamless-scroll (Vue無縫滾動組件)

??Vue2:https://chenxuan0000.github.io/vue-seamless-scroll/
??Vue3:https://doc.wssio.com/opensource/vue3-seamless-scroll/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

4)Loading(加載動畫組件)

??https://loading.io/spinner/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Loading加載動畫組件是一種用于展示頁面或組件正在加載的動畫效果的組件。在 Vue.js 中,有許多開源的 Loading加載動畫組件庫可以使用,這些組件庫提供了各種各樣的加載動畫效果,可以幫助開發(fā)人員為頁面或組件添加一些生動的動畫效果,增強用戶體驗。

5)Animate.css

??https://animate.style/
Animate.css 是一個流行的前端動畫庫,它提供了一系列預定義的 CSS 動畫效果,使開發(fā)人員能夠輕松地在網(wǎng)頁或應用程序中添加動畫效果。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

5)Velocityjs

??http://www.velocityjs.org/
結合了 Velocity.js 和 Vue 的動畫庫,可以通過聲明式的方式在 Vue 組件中實現(xiàn)高性能的動畫效果。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

6)Vue-Motion

??https://posva.net/vue-motion/#/
一個簡潔的 Vue 動畫庫,基于動畫庫 Framer Motion,提供了流暢的物理動畫效果和強大的動畫控制能力。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

(五)文本編輯器組件庫

1)TinyMCE (富文本編輯器)

??官網(wǎng)及文檔:https://www.tiny.cloud/
??中文文檔:http://tinymce.ax-z.cn/
??官網(wǎng)下載:https://www.tiny.cloud/get-tiny/self-hosted/
??Github:https://github.com/tinymce
??vue-tinymce https://packy-tang.gitee.io/vue-tinymce/#/【Vue整合地址】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

TinyMCE是一款易用、且功能強大的所見即所得的富文本編輯器。同類程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。

TinyMCE的優(yōu)勢:

開源可商用,基于LGPL2.1
插件豐富,自帶插件基本涵蓋日常所需功能(示例看下面的Demo-2)
接口豐富,可擴展性強,有能力可以無限拓展功能
界面好看,符合現(xiàn)代審美
提供經典、內聯(lián)、沉浸無干擾三種模式(詳見“介紹與入門”)
對標準支持優(yōu)秀(自v5開始)
多語言支持,官網(wǎng)可下載幾十種語言。

2)vue-quill-editor(富文本編輯器)

??https://github.surmon.me/vue-quill-editor
??https://github.com/surmon-china/vue-quill-editor
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

3)MarkdownEditor (Markdown文本編輯器)

??https://b3log.org/vditor/(官網(wǎng)地址)
??https://b3log.org/vditor/demo/vue.html(Vue當中使用)
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

(六)3D組件庫

1)ThreeJS (3D組件庫):

??https://threejs.org/
Three.js 是一個流行的開源 JavaScript 庫,用于在 Web 瀏覽器中創(chuàng)建和展示 3D 圖形場景。它基于 WebGL 技術,提供了一組強大的工具和功能,使開發(fā)者能夠輕松地構建復雜的交互式 3D 應用程序和動畫效果。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

2)A-Frame web 虛擬現(xiàn)實框架

??https://aframe.io/
A-Frame 是一個基于 Web 技術的開源框架,用于構建虛擬現(xiàn)實(VR)和增強現(xiàn)實(AR)應用程序。它是由 Mozilla 團隊開發(fā)的,建立在 HTML、CSS 和 JavaScript 的基礎上,通過簡單的標記語言和組件系統(tǒng),使開發(fā)者能夠輕松創(chuàng)建和展示交互式的 VR 和 AR 內容。
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

3)BabylonJs 3D游戲框架

Babylon.js 是一個強大的開源 JavaScript 框架,用于構建高性能的 3D 游戲、虛擬現(xiàn)實(VR)和增強現(xiàn)實(AR)應用程序。它提供了豐富的功能和工具,使開發(fā)者能夠創(chuàng)建復雜的交互式 3D 場景和游戲體驗。虛擬數(shù)字人,WEB3D,3D建筑,3D設計,元宇宙空間,網(wǎng)頁游戲,小程序游戲
??https://www.babylonjs.com/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
通過使用 Babylon.js,開發(fā)者可以創(chuàng)建各種類型的 3D 應用程序和游戲,包括虛擬現(xiàn)實、增強現(xiàn)實、角色扮演游戲、射擊游戲、模擬器等。它提供了強大的工具和功能,使得構建復雜的 3D 體驗變得更加簡單和高效

4)vue-3d-loader (基于threeJS的vue 3D展示組件)

??https://king2088.github.io/vue-3d-loader-docs/zh/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

5)Galacean 移動優(yōu)先的高性能 Web 互動引擎(螞蟻集團)

https://galacean.antgroup.com/#/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

6)Orillusion次時代 WebGPU 引擎

??https://www.orillusion.com/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

8)Lingo3D (3D組件庫)

??https://www.lingo3d.com/
??https://github.com/lingo3d/lingo3d
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】

(七)其他組件庫

1)v3-color-picker(顏色選擇器組件庫)

??https://doc.wssio.com/opensource/v3-color-picker/
Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】文章來源地址http://www.zghlxwxcb.cn/news/detail-470662.html

到了這里,關于Vue常用的組件庫大全【前端工程師必備】【實時更新】【移動端、PC端(web端)、數(shù)據(jù)可視化組件庫(數(shù)據(jù)大屏) 、動畫組件庫、文本編輯器,富文本、Markdown,3D組件庫】的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 【網(wǎng)絡工程師人手必備的常用網(wǎng)絡命令合集,整理收藏!】

    【網(wǎng)絡工程師人手必備的常用網(wǎng)絡命令合集,整理收藏!】

    在計算機網(wǎng)絡中經常要對網(wǎng)絡進行管理,測試,這時就要用到網(wǎng)絡命令。今天就為大家整理了一些網(wǎng)絡工程師必備的一些常用網(wǎng)絡命令合集,建議收藏后觀看哦! ping是個使用頻率極高的實用程序,主要用于確定網(wǎng)絡的連通性。這對確定網(wǎng)絡是否正確連接,以及網(wǎng)絡連接的狀

    2024年02月05日
    瀏覽(33)
  • 測試工程師常用的10個python庫,面試必備哦

    測試工程師常用的10個python庫,面試必備哦

    目錄 前言 1、os庫 2、sys庫 3、time庫 4、selenium庫 5、unittest庫 6、pytest庫 7、email庫 8、appium庫 9、pymsql庫 10、requests庫 總結: 今天給各位小伙伴帶來的是測試工程師常用的10個python庫,相信有些小伙伴肯定知道一些庫,也使用過一些庫。下面我們就來聊聊這常用的10個python庫,我

    2024年02月08日
    瀏覽(26)
  • 給 Web 前端工程師看的用 Rust 開發(fā) wasm 組件實戰(zhàn)

    wasm 全稱 WebAssembly,是通過虛擬機的方式,可以在服務端、客戶端如瀏覽器等環(huán)境執(zhí)行的二進制程序。他有速度快、效率高、可移植的特點。 對我們 Web 前端工程最大的好處就是可以在瀏覽器端使用二進制程序處理一些計算量大的處理,使用他比 javascript 快的特點優(yōu)化性能。

    2024年02月05日
    瀏覽(20)
  • 電源工程師必備技能匯總

    三、熟練運用Maxwell、JMAG、FLUX、Saber其中一種磁件仿真軟件,能夠利用仿真定性、定量分析,利用仿真指導磁性器件設計; . 負責開關電源產品的設計與開發(fā); 2. 負責產品總體方案設計,包括方案選型、器件選型、可靠性設計、原理圖/PCB設計等; 3. 負責產品的測試與驗證,

    2024年02月07日
    瀏覽(31)
  • 技術精英求職必備:大數(shù)據(jù)研發(fā)工程師簡歷模板

    原則 撰寫針對大數(shù)據(jù)研發(fā)工程師職位的簡歷時,關鍵在于準確展現(xiàn)您在 大數(shù)據(jù)處理、分析和應用開發(fā)方面的綜合技能、項目經驗和技術成就 。簡歷應作為您展示跨多個技術棧的 編程能力、構建完整大數(shù)據(jù)解決方案和有效解決大數(shù)據(jù)技術問題 的能力的窗口。確保每一項經歷

    2024年02月21日
    瀏覽(25)
  • FPGA工程師必備技能_Vivado如何清理工程并保證不缺失必要文件

    實際使用vivado的過程中,由于vivado會自動產生一系列文件,有些是不必要時刻保存的中間文件,有些是加快效率的文件(比如編譯IP核后產生的文件)。但是在上傳svn或者自己做備份的時候希望備份占用盡量少的空間。然而由于vivado不會自動清理,所以這時候就需要我們做手

    2024年02月04日
    瀏覽(26)
  • 2023軟件測試工程師必備技能?要卷,誰還不會了......

    2023軟件測試工程師必備技能?要卷,誰還不會了......

    軟件測試崗位是怎樣的? 大伙:測試?簡單啊,沒什么技術含量,無非就是看需求、看業(yè)務手冊、看設計文檔、然后點點功能是否實現(xiàn),麻煩點的就是測試下部署安裝是否出現(xiàn)兼容性問題等 web自動化測試:https://www.bilibili.com/video/BV1MS4y1W79K/ 沒錯,不可否認這是踏入軟件測試

    2023年04月20日
    瀏覽(36)
  • 技術精英求職必備:AIGC(圖像生成)研發(fā)工程師簡歷指南

    核心原則 撰寫針對AIGC(圖像生成)研發(fā)工程師職位的簡歷時,關鍵在于準確展現(xiàn)您在深度學習、計算機視覺和圖像生成算法方面的綜合技能、項目經驗和技術成就。簡歷應作為您展示跨多個技術棧的編程能力、構建完整的圖像生成解決方案和有效解決AIGC技術問題的能力的窗口

    2024年03月25日
    瀏覽(28)
  • 安全測試-優(yōu)秀測試工程師必備的4項安全測試方法

    安全測試-優(yōu)秀測試工程師必備的4項安全測試方法

    一.安全性測試 1、安全性測試方法 測試手段可以進行安全性測試,目前主要安全測試方法有: 1)靜態(tài)的代碼安全測試 主要通過對源代碼進行安全掃描,根據(jù)程序中數(shù)據(jù)流、控制流、語義等信息與其特有軟件安全規(guī)則庫進行匹對,從中找出代碼中潛在的安全漏洞。 2)動態(tài)的

    2024年03月24日
    瀏覽(23)
  • 工程師必備串口數(shù)據(jù)截取工具modbus命令分析串口數(shù)據(jù)分析

    工程師必備串口數(shù)據(jù)截取工具modbus命令分析串口數(shù)據(jù)分析。 主要功能: ·支持監(jiān)控COM端口類型:標準電腦端口,內核虛擬COM端口,USB轉串口等; ·可以實時監(jiān)控并采集串口數(shù)據(jù); ·可以同時監(jiān)控多個串行端口; ·監(jiān)控已經被其他應用程序打開的串口(需要服務啟動); ·支持

    2024年02月13日
    瀏覽(29)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包