在Vue項目中，我們通常需要加載或顯示一些圖片。如何使用Vue加載并顯示這些圖片呢？下面我們就來學習一下Vue中如何使用CSS加載圖片。

/*在CSS中加載圖片*/
.my-img {
background: url("../assets/img/my-image.png") no-repeat;
width: 100px;
height: 100px;
}

可以看到，要在CSS中加載圖片，只需給相應的元素添加background屬性即可。其中，url()中的路徑要根據實際情況進行修改。

除了在CSS中加載圖片外，我們也可以在Vue組件中使用require()函數加載圖片。上面的示例代碼中，使用require()函數加載圖片，并將其綁定到img標簽的src屬性上。

需要注意的是，在使用require()函數加載圖片時，路徑前面要加上~符號才能正確加載。如下所示：

data () {
return {
imageSrc: require('~../assets/img/my-image.png')
}
}

通過上面的介紹，相信大家對Vue中如何使用CSS加載圖片也有了一定的了解。