主要介绍了iconfont的三种使用方式,需要的朋友可以参考下

在我们项目中经常要使用到iconfont，在此我们使用*矢量库提供的icon图标，此图标库足够为我们提供大量的图标，我们首先需要的事在*矢量图标库新建一个自己的账号，并且新建一个项目，这个项目包含了你所有要用到的图标。我们需要选中需要的图标放到自己的项目中，并下载下来放到自己项目下的iconfont文件夹之下。（需要更新图标时，下载包也需要重新下载更新） 方式一：使用symbol方式（本质是用svg标签构成的） 第一步：为了代码更好的复用，我们封装一个svg-icon组件，代码如下：