在Vue中使⽤icon字体图标的⽅法1.使⽤线上的阿⾥iconfont图标库
1.打开 iconFont官⽹选择⾃⼰喜欢的图标，并且添加购物车
2.点击购物车，添加⾄项⽬
3 ⽣成链接
4在我们的vue项⽬中，到index.html⽂件，引⼊css样式，记住这⾥要放上你的链接地址
5接下来我们就可以在任何组件地⽅使⽤我们的图标了，我这⾥就是⽤上⾯⽣成的三个图标其中的⼀个。2但是考虑⽹络及⽤户体验阿⾥iconfont下载本地使⽤
1 阿⾥iconfont图标直接下载到本地
2 在assets⽂件下创建iconfont⽂件夹
把这些⽂件放⼊⽂件夹
3 iconfont.css⽂件中改路径
4 在main.js中引⼊iconfont.css⽂件
5直接使⽤
3使⽤vue-awesome
1.⾸先安装vue-awesome依赖包
npm install vue-awesome
2.在main.js⽂件下
在github上可以明确看到如果考虑项⽬⼤⼩，只导⼊⽤于减少包⼤⼩的图标
import 'vue-awesome/icons/flag'
或者不考虑⼤⼩
icon图标库
直接使⽤
<icon name="beer"></icon>
总结
以上所述是⼩编给⼤家介绍的在Vue中使⽤icon 字体图标的⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。