526互联

09 列表渲染

发布时间 2023-10-13 20:59:12作者: 被占用的小海海

不晓得为什么 那个 userInfo 出错了

<template>  
  <h3>列表渲染</h3>
  <!-- item(value,key,index) in(of) items  -->
  <!-- 还可以渲染数组对象 -->
  <p v-for="name in names">{{ name }}</p>
  <div >
    <p v-for="(key,value,index) in userInfo"> {{ key }} -- {{ value }}  -- {{ index }}</p>
  </div>

</template>

<script>
export default{
    data() {
        return {
            names: ["zhan","jian","hai","詹爷爷"],
            userInfo:{
                name:zhan,
                id:10086,
                score:10
            }
        }
    },
}
</script>