老师，我完全是跟着视频做的，但是v-for报错了

<template>

    <div class="home-page">

        <v-header></v-header>

        <ul class="nav">

            <li v-for="item in arrList">

                <img :src="item.imgUrl">

                <span>{{item.name}}</span>

            </li>

        </ul>

    </div>

</template>

<script>

    import Header from "@/components/header/header.vue"

    export default{

        data(){

            return{

                arrList:[]

            }

        },

        mounted(){

            this.arrList = [{

                imgUrl : webImg,

                name : "前端开发"

            }]

        },

        components:{

            'v-header': Header

        }

    }

</script>