vue 图标通过组件的方式引用步骤

1.准备图片

把我们需要的一些图片通过阿里妈妈icon库去下载下来,放到我们的vue项目中存放静态文件的地方(如下图)。

2.引用

在需要图片的文件内import引入进来,并在data里面return出去,我们就可以像平常定义变量使用了(如下图)

3.使用

直接绑定我们data内声明的变量赋值给src即可(如下图所示)

效果

下图就是我们引进来的图标 所看到的效果了

原文地址:https://www.cnblogs.com/loveliang/p/14144206.html