方法一：img 標簽靜態引入

樸實無華 <img src="../assets/img/logo.png" > 

方法二：background-image

樸實無華2.0版  background-image: url("../assets/img/bg.jpg");

方法三：require()方法
將編寫代碼時定義的路徑轉換為編譯打包后的路徑

<img :src='imgUrl' />
export default{
DATA(){return {imgUrl:require('@/assets/img1.png')}
}
}

方法四：import

  <el-image :src="logo" fit="cover"></el-image>//fit屬性：確定圖片如何適應到容器框（'fill', 'contain', 'cover', 'none', 'scale-down'）
</template>
<script>
import logo from "../assets/img/logo.png";
export default {
data() {return {logo,};
},
};
</script>