comparison chart
\ | Element Plus | Naive ui | Ant Design Vue |
---|---|---|---|
Introduction | element-ui Vue3 version, widely used in China | Vue3ui component library recommended by Vue author | Vue implementation version of Ali Ant Design design specification |
address | https://github.com/element-plus/element-plus | https://github.com/tusen-ai/naive-ui | https://github.com/vueComponent/ant-design-vue |
Community activity | high | middle | high |
The main implementation of ui library components | Single file Vue | tsx | tsx |
shortcoming | When some components require custom rendering, slots cannot be used, and only the h function can be used. Typical examples. When using table components, it is often necessary to perform custom rendering of a column of data returned by the background. At this time, in the .vue single file Custom rendering can only be performed through the h function. When some operation columns have multiple buttons dynamically displayed, it will be very inconvenient. It will be more convenient to use jsx |
||
open source scaffolding | 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 |