这里是vue2中的svg的完整解决方案的另一篇。
<template>
<svg :class="svgClass">
<use :xlink:href="`#${name}`"></use>
</svg>
</template>
<script>
export default {
name: 'icon',
props: {
name: {
type: String,
required: true,
},
},
}
</script>这里这个就是全局的svg组件，代码来自于webpack - 懒人神器：svg-sprite-loader实现自己的Icon组件 - 好好写代码吧 - SegmentFault 思否
老师的代码则是写成
文章来源：https://www.toymoban.com/news/detail-827124.html
这样的形式。其实和上面一个意思文章来源地址https://www.toymoban.com/news/detail-827124.html
到了这里，关于svg之全局组件，配合雪碧图解决vue2的svg优化问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
