vue中如何让阿里巴巴矢量图形库中Iconfont作用到content伪类中

效果图：

 步骤：

（一）在阿里巴巴矢量图形库中找到自己想要的icon，加入到购物车

（二）点击购物车中，选择添加到项目，若没有项目，则新建一个，再点添加到项目

（三） 此时会跳转到我的项目页面，里边有添加过的icon，点击下载到本地，此时开始下载资源

 （四）下载好解压后，得到如下文件，把圈红的6个文件添加到自己的项目中（demo_index.html中有使用方法）

（五）在main.js中引入iconfont.css文件（此时要注意iconfont.css文件中引入的一下文件的位置）

（六）可以使用啦

<em class="iconfont-cart"></em>

.iconfont-cart::before {
    content: "\e8be"; // 想使用的icon的十六制编码，去掉&#x之后的
    font-family: "iconfont"; // 必须加
    font-size: 16px;  // 可以自己调整大小
    top: 1px;
    position: relative;
}