Vuejs2 显示不带标记的Vuetify材质设计v形图标

我有一堆HTML文本，在本文中我想使用一个材质设计图标。例如：

var htmlText = "<p>Hello world, have an icon: <v-icon small>mdi-alert</v-icon>.</p>

我认为一个可能的选择是使用

Vue.compile

（）。但是，我并不是只有一个字符串，而是一个包含大量html字符串的嵌套对象，因此这种方法感觉有点麻烦（可能是性能问题？），特别是因为我实际需要呈现的唯一标记是

v-icon

既然我已经导入了Vuetify库，它可能在某处导入了MDI库，那么没有其他方法可以显示材质设计图标，而不必通过

v-icon

---

有什么好的解决方案吗？

使用Vuetify时，解决方案是使用以下格式：

Bob lives in a <span class="mdi mdi-home"></span>.

鲍勃住在一个小房子里。

感谢Michal Levý指出了正确的方向

Hello world, have an icon: mdi-alert.

Bob lives in a <span class="mdi mdi-home"></span>.