vue v-for的用法

效果图：

以ui li为例：

 <ul style="float: left;margin: 10px 0 0 71px;">
        <li class="rulecontent" v-for="(credititem, i) in creditData" :key="i">
          {{ credititem.name }}
        </li>
      </ul>

   return {
      creditData: [
        {
          name: "积分1"
        },
        {
          name: "积分2"
        },
        {
          name: "积分3"
        }
      ]
    };