Vue2中的组件为什么只能有一个根元素?

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

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

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

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

 

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

 

 

 

posted @ 2023-03-06 14:42  脆皮鸡  阅读(308)  评论(0)    收藏  举报