帮我写出一个可以在Hbuider X添加背景图片的vue.js的基础代码,并铺满全屏

当然，以下是一个基础的 Vue.js 组件，可以在 HBuilder X 中添加背景图片并铺满全屏：

<template>
  <div class="background-image" :style="{ backgroundImage: 'url(' + imageUrl + ')' }">
    <!-- 这里是组件的内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: require('@/assets/background.jpg') // 在这里设置背景图片的路径
    }
  }
}
</script>

<style>
.background-image {
  /* 这里设置背景图片的样式 */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>

你可以在 `imageUrl` 中设置背景图片的路径，然后在 `.background-image` 样式中设置背景图片的样式。在模板中，我们使用 `:style` 绑定来设置 `backgroundImage` 属性，这样就可以动态地加载背景图片了。

同时，为了让背景图片铺满全屏，我们在 `.background-image` 样式中设置了 `position: fixed;`、`top: 0;`、`left: 0;`、`width: 100%;`、`height: 100%;` 这几个属性，这样就可以让背景图片占据整个屏幕了。