vue每个组件必须只有一个根元素导致dom不必要的嵌套，如何避免呢？

Question

    <template>         <div>  /** 这个div导致dom多嵌套了一层？！！我其实不是很需要这个div，xx */            <article v-for="item for list" :key="item.id">                 {{item.desc}}            </article>         </div>         </template>这个div导致dom多嵌套了一层？！！我其实不是很需要这个div, xx ,有没有解决办法呢？新手求教

Answer 1

如果是vue 1.0是允许template下直接到需要显示的元素，但是官方推荐在外面包一个父元素。

而到了vue2.0就是必须在外面包一个父元素了，不然会显示不出来的。