vue图标使用

iconfont网址：Iconfont-阿里巴巴矢量图标库

1、Ant建议：当做svg使用

Ant提供了自定义font图标的API，如下，把这个IconFont全局注册，这样想使用直接使用（见图二），不用在单独引入。

图一 图二

2、或者是：导入svg，import svg,(导入进来的实际是URL字符串。是由于vue-cli内部给我们配置svg：file-loader)，采用<img>方式使用（见图二）

3、直接使用组件的形式，引用svg。需要使用vue.config.js（自定义svg loader）

链式操作网址：https://cli.vuejs.org/zh/guide/webpack.html#%E9%93%BE%E5%BC%8F%E6%93%8D%E4%BD%9C-%E9%AB%98%E7%BA%A7

 正常组件使用

学习操作：把vue-cli导出到output.js