话不多说，直接上代码
<template>
<div>
<img :src="icon" alt="">
</div>
</template>
<script>
export default {
name: 'my',
data () {
return {
// 当图片不在static中时，比如在assets中
icon: require('../assets/icon.png'),
// 当图片在static中时
icon: '../static/icon.png',
// 当图片为外部链接时
icon: 'https://www.w3school.com.cn/i/eg_tulip.jpg',
}
},
</script>
