Vue3 如何复用模板

Question

在Vue3里面如下图，红框的部分是一样的，在不抽离成组件，不使用h函数的条件下，如何复用这一块代码

Answer 1

template 本来就不适合复用，你见过哪个组件库里可以复用的部分是用 template 开发的？

Vue3 本来为了更好的复用，提出了 Composition API，为啥非得在 template 一棵树上吊死呢？

Answer 2

如果内容固定并且一致，for循环应该是最好的选择。
如果模型基本一致，内容变动不大且指定值，可以data内写object+for循环渲染。
如果模型变动，且内容变动较大，就建议使用组件。