Vue中的v-for指令不起效果

我的代码之前类似下面的结构

<div id="example-1" v-for="item in items">
    <ul>
        <li>
          {{ item.message }}
        </li>
    </ul>
</div>

结果发现不好用，数据读入了但是没有显示
于是我后来看官网的例子才明白，原来是id和v-for不在一个层级上，官网的例子如下，我按照不在一个层级上改，果然好用了

<ul id="example-1">
    <li v-for="item in items">
      {{ item.message }}
    </li>
</ul>