.vue文件怎么引入本地图片
.vue文件引入本地图片，需要先将本地图片复制到项目的src\assets目录中，否则不能使用。然后在template标签中，使用img标签引用图片即可。
本地图片路径：
在.vue文件中引入图片adv-1.webp
（相关课程推荐：Vue.js教程）
List.vue代码
<template>
<img src="../../../assets/images/adv-1.webp">
</template>使用js传入
<template>
<img :src="bannerImg">
</template>
<script>
export default {
name: "ReportList",
data () {
return {
bannerImg:require('../../../assets/images/adv-1.webp')
}
}
}
</script>更多Vue.js相关技术文章，请访问Vue.js答疑栏目进行学习！
以上就是.vue文件怎么引入本地图片的详细内容，更多请关注易知道|edz.cc其它相关文章！
