Vue超棒的UI组件库Vuetify

本文分享了作者使用Vuetify组件库的心得,Vuetify以其丰富的组件和详细的文档示例,成为作者在Vue项目中的首选。尽管存在国内访问图标库MaterialDesignIcons的问题,但通过中文搜索助手解决了图标选择难题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用Vue半年的时间,尝试了不少UI组件库,比如响当当的Element,iView,mint-ui,vant,基本都能满足需求,也没有觉得特别好或者特别不好。

直到遇到了Vuetify,仿佛遇到终身伴侣,虽然这个外国人写的组件库,中文翻译有些生硬,但是它太强大了,无论是完善的组件,还是文档示例,都非常丰富而详细。如果碰到使用中的问题,基本认真阅读文档都可以解决。

重要的是,我是一个喜欢用轮子的人,有好轮子就更不想自己造轮了。
虽然前路多坎坷,我还是想好了,要一条路走到黑。

当然问题还是存在的,因为Vuetify是外国人搞的嘛,那就会有一些访问的问题,比如,它自带的图标库icon使用了Material Design Icons。

v-icon 组件提供了大量字形,以提供应用程序各个方面的上下文。 有关所有可用图标的列表,请访问官方 Material Design Icons 页面。 要使用任何这些图标,只需使用 mdi- 前缀,后跟图标名称即可。

很不幸Material Design Icons的官网在国内基本无法访问,那就不知道图标具体该用啥名字。
还好让我找到了它
Material Design Icon 中文搜索助手:https://material.iconhelper.cn/
OK,可以愉快地使用图标组件了。

今天的分享就到这。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

immocha

人生得意须尽欢

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值