今天在学习vue时注意到一个问题:如下如所示 

疑惑:vue 为什么只能有一个根元素_选择器

有没有这个div标签,导致的不一致结果,第二行元素渲染不出来

 

疑惑:vue 为什么只能有一个根元素_javascript_02

疑惑:vue 为什么只能有一个根元素_源码分析_03

 并且控制台报错

疑惑:vue 为什么只能有一个根元素_选择器_04

 经过思考发现是vue.2的问题:只能渲染一个根元素,至于原因,要从源码开始分析了

        vue2源码分析是因为query Selector选择器的第一个元素,以第一个元素为根标签切入口,开始渲染整个模版。