如何使用Vue绑定/替换HTML中的现有数据

Question

我已经知道如何在JavaScript中为Vue组件等制作模板。

但是，假设我在服务器端生成了HTML（不是使用Vue，而是使用一种名为UTL的特定语言）

<table>
     <tr>
          <td>[% example_var; %]</td>
          <td>[% another_var; %]</td>
     </tr>
</table>

它将像这样在前端渲染：

<table>
     <tr>
          <td>Some Field</td>
          <td>Some Other Value</td>
     </tr>
</table>

稍后，我可能打算绑定/更改HTML中的数据，并将其绑定到Vue组件。像添加新行等，但是在某些情况下，我希望至少将后端生成的值作为起点或后退。

我应该如何处理？理想情况下，我想避免编写2个模板（服务器端和JS）。