在Vue和React中都要保证只有一个根元素, 在Vue3和React中都有Fragment来解决这个问题.Fragments组件不会生成额外的dom节点。

• react和vue都将把模板的内容转换为对应的元素，最后建立起虚拟dom树，而树状结构只能有唯一的根节点，
• 这样在后续的虚拟dom数据有变化时，可以检查到具体更改额位置。
• 如果有多个根节点，则不能明确到底要在哪个树上查找更新。

// 第一种形式 render() {   return (     <React.Fragment>       <ChildA />       <ChildB />       <ChildC />     </React.Fragment>   ); }  // 第二种形式 (简写) render() {   return (     <>       <ChildA />       <ChildB />       <ChildC />     </>   ); }

45:28