如何在Vu中引入 Font Awesome？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、网站建设、峡江网络推广、成都微信小程序、峡江网络营销、峡江企业策划、峡江品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供峡江建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

vue是什么

Vue是一套用于构建用户界面的渐进式JavaScript框架，Vue与其它大型框架的区别是，使用Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库和项目整合，且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。

Font Awesome

用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利，不管是在加载还是修改方面，字体图符远远优于图片。但是饿了吗封装的Element UI提供的字体图符少之又少，又不想用图片，只能自己扩展图符咯。

Font Awesome 提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。还有很多优点不一一举例，可自行查看文档：http://fontawesome.dashgame.com/

npm 安装 font-awesome

npm install font-awesome --save-dev1

font-awesome引入

在 mani.js 文件中引入 font-awesome

import 'font-awesome/scss/font-awesome.scss'1

然后在组件中使用即可实现：

关于如何在Vu中引入 Font Awesome问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。

网站标题：如何在Vu中引入FontAwesome
文章地址：http://scyanting.com/article/pgcocs.html