阿里iconfont在vue，react中引用及使用

阿里iconfont在vue，react中引用及使用

1.下载下来所需要的icon，解压后得到文件：

2.将文件放到项目里面：

3.在相应组件中引入

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

在React.js组件中应用：
简单应用，icon不变化情况下：

<span className="icon iconyonghu"></span>

icon可配置，可以修改变化，此处icon为可变化参数：

<span className={`iconfont ${icon || 'iconyonghu'}`}></span>

在Vue.js组件中应用：
简单应用，icon不变化情况下：

<span class="iconfont iconzhuti "></span>

icon可配置，可以修改变化，此处icon为可变化参数

<span class="iconfont"  :class="item.icon || 'iconzhuti'"></span>