复制了已经呈现的Vue.JS组件

Question

我有以下Vue.JS组件定义：

<table>
  <tr v-for="n in lines">
    <td>in stock</td>
  </tr>
  <tr><td><button @click="lines++">+</button></td></tr>
</table>

看起来像这样：

并且它允许用户编辑每个单元格并按“ +”按钮添加更多行。 我想复制整个组件，包括其所有内容和功能，以便可以将其移动到页面的其他部分，并且仍然能够使用复制的组件和原始组件。 像这样：

问题在于，单击重复表的“ +”按钮（左侧的按钮）将不再起作用，因为它只是HTML克隆。

如何“深度复制”整个组件，使其保持可用状态？

请注意，表不能仅包装到v-for因为用户是要克隆像这样的更复杂的组件结构。