vue3 列表循环使用及key用法

<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

posted @ 2023-06-04 22:58  学无边涯  阅读(84)  评论(0编辑  收藏  举报