VUE列表循环 v-for

1.vue使用列别循环的代码展示

<template>
  <div class="hello">
    <ul>
      <li v-for="item in newsList" :key="item.id">
      <!-- 在没有id的情况下使用  index -->
      <!-- <li v-for="(item,index) in newsList" :key="index"> -->
        {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data(){
    return{
        newsList:[
          {
            id:1001,
            title:"今日新闻1"
          },
          {
            id:1002,
            title:"今日新闻2"
          },
          {
            id:1003,
            title:"今日新闻3"
          }
        ]
    }
  }
}
</script>

2.特别申明

<!-- 在没有id的情况下使用  index -->
<li v-for="(item,index) in newsList" :key="index">