vue图标使用

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

1、Ant建议:当做svg使用

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

图一


图二

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

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

你可能感兴趣的:(vue图标使用)