Vue3的图片引入

方法引入

<img :src="imgFun('test.png')"/>
function imgFun(val){
return new URL(`../../asseets/home/img/${val}`,import.meta.url).href;
}

背景样式引入

.box{
background:url("../../assets/home/img/test.png")
}
.box1{
background:url("~@assets/home/img/test.png")
}

行内样式引入

<img src="@assets/home/img/test.png"/>

vue3–vite独特引入

<img :src="imgTest"/>
import imgTest from "@assets/home/img/test.png"
setup(){
return {imgTest}
}