Vue使用iconfont案例

一、定制iconfont图标

1、新建图标项目

2、收集自己想要的图标添加到项目

3、下载图标

二、Vue中使用iconfont图标

1、将下载好的图标库导入到assets下的自定义子目录iconfont

查看iconfont.css定义font-family名字

2、引用图标库

import './assets/styles/iconfont/iconfont.css'

3、组件使用图标库

 <span class="iconfont">&#xe632;</span>