vue组件为什么只能有一个根元素？

1. 尤大在github中的回答是，由于diff算法的原因，只能有一个根节点。（他说可以改成多个根节点，但是需要对当前的算法进行大量修改，也是在Vue3中实现了）

2. 源码的patchVnode()方法就是比较新旧节点，利用数据结构，将整个文档利用“树”结构进行比对，从而对文档进行更新操作。diff算法本就是利用“树”状数据结构来进行虚拟dom更新，所以，vue只有一个根元素，其实也是diff算法所要求的。

3. 如果存在多个根节点，vue就不知道哪个是入口，在渲染的时候就只会渲染第一个根节点元素。

4. 多个根节点存在性能方面的问题。

 

from：https://github.com/vuejs/vue/issues/7088