.vue文件怎么引入本地图片

.vue文件引入本地图片，需要先将本地图片复制到项目的src\assets目录中，否则不能使用。然后在template标签中，使用img标签引用图片即可。

本地图片路径：

在.vue文件中引入图片adv-1.jpg

（相关课程推荐：Vue.js教程）

List.vue代码

<template>
    <img src="../../../assets/images/adv-1.jpg">
</template>

使用js传入

<template>
    <img :src="bannerImg">
</template>
<script>
export default {
   name: "ReportList",
   data () {
      return {
       bannerImg:require('../../../assets/images/adv-1.jpg')
      } 
   }
}
</script>