Vue2 为什么只能有一个根节点而vue3 可以多个

vue2

  1. vue2流程 模板编译成rander函数 执行rander函数得到虚拟dom 虚拟dom 通过patch函数转换成真实的dom
  2. vue2 vdom 是一个单根树形结构,所以patch在遍历的时候是从根节点开始遍历,patch函数要求它必须是一个单个的数据结构

vue3

  1. 在vue3中引入fragment概念,在vue3组件中出现多个根节点,则会自动创建fragment节点把组件中的根节点作为自己的children,在patch时如果发现fragment则会开始遍历children

你可能感兴趣的:(前端葵花宝典,javascript,前端,vue.js)