阿里巴巴矢量图在Vue项目中结合menu使用

阿里巴巴矢量图官网：https://www.iconfont.cn/

1、在阿里巴巴失恋图标库中找到想要的图标，点击添加入库，就可以在我们的库里找到

2、把库里的图标添加到项目中，然后找到我的项目，把项目下载到本地

3、解压之后的文件夹中可删除以demo开头的文件，把剩下的文件全部拷贝到需要的项目中，在iconfont.css文件中可自定义一些样式，并mian.ts文件中引入

// mian.ts文件
import "@/assets/iconfont/iconfont.css";

4、项目中的具体使用，此处icon的值就是步骤二里图标的名称