帮我写出一个可以添加背景图片的vue.js的基础代码

当然可以，以下是一个简单的Vue.js代码示例，其中包含添加背景图片的功能：

<template>
  <div class="container">
    <h1>Hello, Vue.js!</h1>
    <p>This is a sample code with a background image.</p>
    <input type="file" @change="uploadImage">
  </div>
</template>

<script>
export default {
  data() {
    return {
      backgroundImage: ''
    }
  },
  methods: {
    uploadImage(event) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = (e) => {
        this.backgroundImage = e.target.result;
      };
      reader.readAsDataURL(file);
    }
  }
}
</script>

<style>
.container {
  height: 100vh;
  background-size: cover;
  background-position: center;
}
</style>

在上面的代码中，我们添加了一个input元素，用于上传背景图片。当用户选择图片后，我们通过JavaScript代码来读取图片文件，并将其转换为Base64编码的字符串，存储到backgroundImage变量中。最后，我们通过绑定style属性的方式来设置背景图片，同样使用了CSS样式来设置容器的高度、背景尺寸和位置等属性。

需要注意的是，上面的代码只能上传一张背景图片。如果需要支持上传多张图片，需要对代码进行相应的修改。