對比圖
\ | Element Plus | Naive ui | Ant Design Vue |
---|---|---|---|
簡介 | element-ui Vue3版本,國內(nèi)使用廣泛 | Vue作者推薦的Vue3ui 組件庫 | 阿里Ant Design設(shè)計(jì)規(guī)范的Vue實(shí)現(xiàn)版 |
地址 | https://github.com/element-plus/element-plus | https://github.com/tusen-ai/naive-ui | https://github.com/vueComponent/ant-design-vue |
社區(qū)活躍度 | 高 | 中 | 高 |
ui庫組件主要實(shí)現(xiàn)方式 | 單文件Vue | tsx | tsx |
缺點(diǎn) | 在一些組件需要自定義渲染時(shí),無法使用slot,只能使用h函數(shù) 典型例子,當(dāng)使用表格組件時(shí),經(jīng)常需要對后臺返回的某一列的數(shù)據(jù)做自定義渲染, 此時(shí)在.vue單文件中只能通過h函數(shù)來進(jìn)行自定義渲染, 當(dāng)有些操作列,有多個(gè)按鈕動(dòng)態(tài)顯示時(shí),將很不方便,通過jsx的使用方式才會方便一些 |
||
開源腳手架 |
https://github.com/lin-xin/vue-manage-system https://github.com/chuzhixin/vue-admin-better https://github.com/xiaoxian521/vue-pure-admin https://github.com/HalseySpicy/Geeker-Admin |
https://github.com/jekip/naive-ui-admin |
https://github.com/vbenjs/vue-vben-admin https://github.com/jeecgboot/jeecgboot-vue3 |
文章來源地址http://www.zghlxwxcb.cn/news/detail-822361.html
文章來源:http://www.zghlxwxcb.cn/news/detail-822361.html
到了這里,關(guān)于Vue3 UI組件庫對比,Naive UI、Element Plus、 Ant Design Vue的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!