菜单图标-从第三方收集svg

SVG是一种借助编程代码实现的图像展示格式，其常见文件扩展名包括.png、.gif等。

学习资源：https://www.runoob.com/svg/svg-tutorial.html

获取地址：https://www.iconfont.cn/

在src/icons/svg目录中，创建一个名为qq.svg的文件（文件名称可根据需要自行设定），并将前一步骤中复制的代码粘贴至其中。

使用图标

    <svg-icon icon-class="qq" />
    

svg-icon的工作原理

要点

svg-icon组件被设定为一个全局可用的组件，其定义与注册操作在src/icons/index.js文件中完成。

在main.js文件中进行了引入操作。

该组件的正常使用需结合svg-sprite-loader@4.1.3版本，并且需要在vue.config.js中进行相应的配置设置。

其调用方式为<svg-icon icon-class="文件名"/>，其中所指的文件名即为存放在src/ico