如何在数据变量中使用 vue font awesome 组件？

Question

尝试使用道具将此副标题传递给子组件，但我不确定如何将字体真棒图标组件作为字符串来解决...

父母

<script>
export default {
  data() {
    return {
      subheading: "<font-awesome-icon icon="fire"/> Hot Item"
    }
  }
}

孩子

...
<span>{{ subheading }}</span>
...

输出 <span><font-awesome-icon icon="fire"/> Hot Item</span>

所需的输出 <span><svg...> Hot Item</span>

Answer 1

import { dom } from '@fortawesome/fontawesome-svg-core'

dom.watch() 

然后只需简单的 <i> 和 fas 类。

来源：https://github.com/FortAwesome/vue-fontawesome