Vue 列表渲染 v-for循环

 [  
        {  
            "id": 0,  
            "name": "王小婷",  
            "address": "徐家汇"  
        },  
        {  
            "id": 1,  
            "name": "小星星",  
            "address": "秀沿路"  
        },  
        {  
            "id": 2,  
            "name": "王小婷",  
            "address": "迪斯尼"  
        },  
        {  
            "id": 3,  
            "name": "李俊飞",  
            "address": "徐家汇"  
        },  
        {  
            "id": 4,  
            "name": "小金龙",  
            "address": "东方体育中心"  
        },  
        {  
            "id": 5,  
            "name": "小星星",  
            "address": "漕宝路"  
        },  
        {  
            "id": 6,  
            "name": "小潘子",  
            "address": "合川路"  
        },  
        {  
            "id": 7,  
            "name": "小婷婷",  
            "address": "龙漕路"  
        },  
        {  
            "id": 8,  
            "name": "小兔子",  
            "address": "松江大学城"  
        },  
        {  
            "id": 9,  
            "name": "王对对",  
            "address": "龙耀路"  
        },  
        {  
            "id": 10,  
            "name": "王胖胖",  
            "address": "三林东"  
        }
    ]  

const list = require('../mock/list.json') 
 app.get('/api/list', (req, res) => {
  res.json(list)
 })

<template>
    <div>
        <el-card class="box-card" v-for="item in itemList">
            <div slot="header" class="clearfix">
                <span>{{item.id}}</span>
                <el-button style="float: right; padding: 3px 0" type="text">{{item.name}}</el-button>
            </div>
            <div v-for="o in 2" :key="o" class="text item">
                {{'列表内容 ' + item.address }}
            </div>
        </el-card>
    </div>
</template>
<style>
    .text {
        font-size: 14px;
    }
    .item {
        margin-bottom: 18px;
    }
    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }
    .clearfix:after {
        clear: both
    }
</style>
<script>
    import axios from "axios";
    export default {
        name: "app",
        data() {
            return {
                itemList: []
            }
        },
        mounted() {
            this.getData();
        },
        methods: {
            getData() {
                axios.get('http://localhost:8080/api/list').then(response => {
                    console.log(response.data);
                    this.itemList = response.data;
                }, response => {
                    console.log("error");
                });
            }
        }
    }
</script>