vue3中渲染 v-for中的img图片怎样渲染

<template>
    <div class="homePage">
        <div class="homePage-mid">
            <div
                class="homePage-mid-item"
                v-for="(item, index) in itemList"
                :key="index + 'sd'"
            >
                <img :src="item.urls" alt="" />
                <p>{{ item.title }}</p>
            </div>
        </div>
        <div class="homePage-bot"></div>
    </div>
</template>
<script setup>
const itemList = ref([
    {
        title: '经济运行预警监测',
        urls: '/src/assets/image/login/item.png'
    },
    {
        title: '能碳双控监测',
        urls: '/src/assets/image/login/item.png'
    },
    {
        title: '企业培育',
        urls: '/src/assets/image/login/item.png'
    },
    {
        title: '项目管理',
        urls: '/src/assets/image/login/item.png'
    }
])
</script>