VUE-31 循环输出数组内容

本节：循环输出数组内容

例子：

1.在div的内容写： v-for="(i, index) in contentData" :key="'i-' + index" 循环输出

<div style="" v-for="(i, index) in contentData" :key="'i-' + index">

          <div class="content">{{ i.content1 }}</div>

          <div class="content">{{ i.content2 }}</div>

          <div class="content">{{ i.content3 }}</div>

        </div>

2.定义数组 。 数组名:[{ key :value },    {  key :value  }  ,{ key :value },]

  就好啦~