如何在没有重复代码的情况下按条件包装html代码？

Question

假设我想在div中包装一些html代码。我会写

<template>
  <div v-if="condition == true">
    //a lot of html
  </div>
  <template v-else>
    //a lot of html
  </template>
</template>

但是然后我必须复制“很多html”块。另外，我可以将a lot of html block提取到另一个组件中，但是从逻辑上讲，它已经是分离的组件。有什么办法吗？

P.S。在本主题中，我只是简化了案例。我实际上需要按条件设置两种渲染组件模式。首先是div，其中包含一些内容，其次是此div包裹在表格的单元格中，控件位于另一个单元格中。