vue中无法在根节点使用v-for

前言

要学的还有很多，砥砺前行

vue小坑

今天在学完vue基础后，随便练习下发现v-for居然无法渲染，
代码如下：

<h2 id = "t" v-for="stu in stus" >
	xx:{{stu.name}}
</h2>

报错，说没有实例，找了半天没发现啥问题，

Property "stu" was accessed during render but is not defined on instance. 
  at <App>
vue.js:1568 [Vue warn]: Unhandled error during execution of render function 
  at <App>

最后机缘巧合下发现例子中都是在父元素内的子标签实现vue的各种操作，
最后修改如下

<div id="t">
	<h2  v-for="stu in stus" >
		xx:{{stu.name}}
	</h2>
</div>

这样才能正确渲染，不清楚具体原因，没有去看vue源码，mark一下