div上类名class和v-for不能在同一个层级上

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

1 2 3 4 5 6 7

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

结果发现不好用，数据读入了但是没有显示

于是我后来看官网的例子才明白，原来是id和v-for不在一个层级上，官网的例子如下，我按照不在一个层级上改，果然好用了

1 2 3 4 5

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

类名class和v-for可以同时加在block上

<block class="list-item" v-for="(ite,ind) in item" :key="ind">

                <img :src="ite.src" />

                <div>{{ite.title}}</div>

            </block>