在Vue中，給元素添加背景圖片可以通過樣式屬性background-image來實現，具體方法如下：

<template>
<div class="bg-container"></div>
</template>
<script>
export default {
name: 'Background',
mounted() {
const bgContainer = document.querySelector('.bg-container');
bgContainer.style.backgroundImage = "url('your-image-url')";
}
}
</script>
<style scoped>
.bg-container {
width: 100%;
height: 500px;
background-size: cover;
}
</style>

首先在模板中創建一個空容器元素，然后在mounted生命周期函數中獲取該元素并設置背景圖片的URL。最后使用樣式屬性background-size來控制圖片在背景中的尺寸。

值得注意的是，如果你在.vue文件中添加了scoped樣式，那么你需要在樣式中選中與背景容器相應的類或ID選擇器。

此外，如果你的圖片存儲在本地，你可以使用require來加載它，也可以通過在public文件夾中創建一個名為img的文件夾來將圖片放進去，然后在URL中引用它們。