vue如何在data中引入图片的正确路径

<template>
 <div class="big-top"  >
            <img alt="" v-for="(item,index) in Gotop" :key="index" :src="item" >
 </div>
<//template>

<script>
import top5 from "../../assets/images/top5.png"
import top4 from "../../assets/images/top4.png"
import top3 from "../../assets/images/top3.png"
import top2 from "../../assets/images/top2.png"
import top1 from "../../assets/images/top1.png"
export default {
  name: 'Animations',
  data() {
    return {
      gotop:[
        top5 ,
        top4 ,
        top3 ,
        top2 ,
        top1 ,
 
      ]
    }
</scriopt>

require(`../works/assets/${this.a}.png`);

<li v-for="(i,a) in imgs" :key="a"> <a><img :src="require('../../assets/'+i+'.png')" alt=""></a></li>

imageUrl: require('../../assets/logo.png')
import img from "../../assets/logo.png";