在你的情况下，这样的事情是不可能发生的吗？

<template>
  <div class="aboutme-card" v-for="item in servicesArr" :key="item.icon">
    <div class="service-card-icon">
      <font-awesome-icon :icon="item.icon" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      servicesArr: [
        {
          icon: "fa-solid fa-shop",
          title: "E-commerce",
        }
      ]
    }
  }
}
</script>

即使v-html存在，它通常也不是正确的选择。
特别是在这样一个简单的使用情况下，动态道具是完全好的。
总的来说，我仍然推荐that solution，以获得整体的易用性+灵活性。