Vue.js 从对象数组中的vue实例访问资产映像

我想创建一个图像列表。这些图像被存储到vue实例的

数据
对象中。因此，在我的HTML代码中，我循环遍历这个数组，并将图像路径传递给图像源

不幸的是，这些图像有一个错误的资产路径。一个示例代码是

<template>
  <div id="app">
    <img v-for="item in items" :key="item.img" :src="item.img" />
  </div>
</template>

<script>
export default {
  name: "App",
  data: function() {
    return {
      items: [
        {
          img: "@/assets/logo.png"
        },
        {
          img: "./assets/logo.png"
        },
        {
          img: "../assets/logo.png"
        }
      ]
    };
  }
};
</script>


导出默认值{
名称：“应用程序”，
数据：函数（）{
返回{
项目：[
{
img:“@/assets/logo.png”
},
{
img:“./assets/logo.png”
},
{
img:“../assets/logo.png”
}
]
};
}
};

这些路径似乎都不起作用。我还创建了一个代码示例来说明问题：


如何才能正确访问图像？
您是否尝试过
：src=“require（item.img）”
是，此操作无效您是否尝试过
：src=“require（item.img）”
是，此操作无效