在Vue中使用背景圖相對比較簡單，我們只需要將背景圖的路徑以樣式的形式寫入組件即可。

<template>
<div class="container" :style="{ backgroundImage: `url(${bgImage})` }">
<h1>Hello Vue!</h1>
</div>
</template>
<script>
export default {
data() {
return {
bgImage: require('@/assets/bg.jpg')
}
}
}
</script>
<style>
.container {
min-height: 100vh;
background-size: cover;
background-position: center center;
}
</style>

在上述代碼中，我們定義了一個容器組件，并在樣式中將背景圖的路徑引入，使用了Vue的計算屬性的形式將路徑綁定到了組件中。在這里我們使用了require方法引入了一張本地的背景圖，當然你也可以使用網絡上的圖片。另外，我們還設置了背景圖的尺寸和位置，使得它能完整地覆蓋整個容器。

需要注意的是，在使用require方法引入圖片時，需將路徑寫成相對于項目根目錄的形式，即以@/開頭的路徑。如果圖片路徑具有完整的http或者https協(xié)議，則無需使用require方法，可以直接寫入路徑。