svg是一种通过代码的方式来展示的图片格式(.png, .gif.....)
学习网站:https://www.runoob.com/svg/svg-tutorial.html
在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中的配置。
- <