vue中引入阿里矢量图标，并在element组件中使用

一 选择项目中需要的图标

• 打开阿里矢量图标网站
  选择你想要的图标，添加到购物车
  
  添加到项目中
  
  
  二 引入到本地项目中

1.本地下载方式引入

• 下载文件

• 文件复制到项目的assets静态资源里面
  
• 修改iconfont.css文件
  

FontClass/Symbol前缀这个很重要，一定不要写成：el-icon-***这样的形式。
如果你写成这样的前缀，会和element-ui框架所带的图标（icon）冲突，导致你图标显示不出来

• 在main.js中引入icon资源

import “./assets/icon/iconfont.css”;//引入icon-图标

2.使用线上链接

• 选择Font class，点击查看在线链接，复制链接到项目中：
• 引用方式
  

3.使用方式