在 vue 的单文件组件将HTML片段渲染进模板

Question

在 iconfont 里复制了好一些的 svg 图标代码，然后想着把它们都收集一下变成一个组件
我一开始的想法是设置将所有的 svg 代码变成这样子的

（我不知道这种写法具体名字该叫什么。。。）
将所有的 svg 代码放到 一个对象里，然后根据 单文件组件的 props 传递值来选中某一个图标
像这样

iconData = {
    icon1: `xxx`
    icon2: `xxx`
}
//...
// 父组件中
<icon name="icon1" ></icon>

但是要怎么才能把这写 svg 代码放进template里面啊？？

Answer 1

你这里给出的svg代码其实就是html字符串，那么你可以使用v-html指令来直接渲染