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>