如何在Vue或Nuxt项目中更好地引用图片资源？

vue或nuxt项目里.vue文件只能用require引用图片资源吗？

我在vuex的state里面定义了对象的数组arr，里面每个对象有个imgsrc的属性，如imgsrc：'～/assets/img/hello.png'

但是在index.vue中遍历state里这个arr，<item,index> in arr，用img标签获取不到item.imgsrc的图片。然后在index.vue的中data里面定义变量，用require方法，然后img标签使用这个变量才能获取图片。想问：

由于state中arr数组中的对象较多，在里面写图片的路径感觉上比较整洁。如果在index.vue中，对上百个图片都使用require方法，有点低级。所以有什么好方法解决这个问题吗