1.安装插件
npm i vue-svg-icon -D2.在main.js文件中，引入
import Vue from from 'vue'
import Icon from 'vue-svg-icon/Icon.vue' //引入svg插件
Vue.component('icon', Icon) //注册svg插件3.将svg文件放到 src/svg 目录下（此目录暂时不能设置）
4.在对应需要用到svg的组件中，直接使用（name属性的值为svg文件的文件名）
<icon name="example"></icon>注意：svg图片最好是自己做的，或是从阿里巴巴库下载的，才会生效！比如我之前直接从蓝湖上下载svg图片，是不生效的！
最后
以上就是灵巧帅哥最近收集整理的关于vue项目中如何使用svg图片，超级简单粗暴的方法！（我的是vue-cli 3.0，亲测有效）的全部内容，更多相关vue项目中如何使用svg图片，超级简单粗暴的方法！（我的是vue-cli内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[Vue]对图片上传组件的封装](https://file2.kaopuke.com:8081/files_image/reation/bcimg1.png)
发表评论 取消回复