vue的组件中图片的相对路径在编译中出错问题，如何引入本地图片路径

利用require引入图片的真实路径

<template>
<div><img :src="this.img"></div>
</template>
<script>
export default {
data(){
return {
 img:require('../assets/a.png')
}
}
}
</script>