vue3 列表循环使用及key用法

发布时间 2023-06-04 23:02:36作者: 学无边涯

<template>
  <div>
      <p v-for="(item,index) in names" :key="index">{{item}}{{index}}</p>
  </div>
 
  <div v-for="value,key in results">{{key}}-{{value}}</div>
 
</template>

<script>
 export default{
     data(){
         return{
            names:['aaa','bbb','ccc'],
            results:{
                name:'11',
                age:20,
            }
         }
     }
 }
</script>

文章来自 www.96net.com.cn