<template>
<div class="img">
<img :src="img" alt="">
</div>
</template>
<script>
export default {
data() {
return {
img:"../assets/backOne/oneImg2.png",
}
}
}
</script>
使用require
函数可以在Webpack等构建工具中实现模块加载,如果不使用的话会在项目打包时发生路径错误,从而显示不出图片。
img: require("../assets/backOne/oneImg2.png"),