关于vue项目中的svg矢量图的使用

       矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由点连接的线。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。

矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。

我们一般项目中（vue2，vue3）中都会使用到，下面我用一个案例来告知怎么使用

这是项目中矢量图的位置

如果你要是想替换掉这个矢量图 

1.建议到阿里巴巴矢量图官网  iconfont-阿里巴巴矢量图标库

 输入你要想找的图标信息关键字

选择矢量图点击下载

 

选择你需要的下载方式，这里我选用svg代码下载

之后你会得到一段svg标签包裹的代码，放入项目中直接替换掉你文件中的代码即可。 即example.svg的内容