話不多說(shuō)海洼，直接上代碼
<template>
<div>
<img :src="icon" alt="">
</div>
</template>
<script>
export default {
name: 'my',
data () {
return {
// 當(dāng)圖片不在static中時(shí)，比如在assets中
icon: require('../assets/icon.png'),
// 當(dāng)圖片在static中時(shí)
icon: '../static/icon.png',
// 當(dāng)圖片為外部鏈接時(shí)
icon: 'https://www.w3school.com.cn/i/eg_tulip.jpg',
}
},
</script>
