import.meta.glob批量引入文件（循环展示本地图片）

import.meta.glob() 是一个 ES 模块的特殊属性，用于动态导入多个模块，可以方便地批量导入模块，而不需要手动一个一个地导入。

<template>
    <div class="demo-image__lazy">
        <el-image v-for=" url in getImageUrl()" :key="url" :src="url" lazy />
    </div>
</template>

<script setup>
const getImageUrl = () => {
    
    //获取assets/mine/路径下全部的.png图片
    //{ eager: true }参数表示立即加载这些模块
    // import.meta.glob()内得第一个参数 `@/assets/mine/*.png`，只能是字符串，不能是变量！！！
    const imgSrc = import.meta.glob(`@/assets/mine/*.png`, { eager: true });
    
    return Object.keys(imgSrc);
};
</script>