vue页面，背景图片平铺

在Vue.js中设置背景图片平铺通常涉及到CSS样式。你可以通过`.vue`文件中的`style`标签或者是外部的CSS文件来实现。以下是常见的两种方法：

1. **内联样式**:

<div :style="{ background-image: 'url(your-image-url)', background-size: 'cover', background-repeat: 'no-repeat' }">
   <!-- 其他内容 -->
</div>

这里，`:style`是一个计算属性，它会动态地应用到元素上。`background-size: cover`会让背景图填充整个容器并保持纵横比缩放，`background-repeat: no-repeat`避免了图像重复。

2. **外部CSS**:
在`.vue`组件的`<template>`部分添加`class`，然后在单独的CSS文件中定义规则：

<!-- .vue 文件 -->
<template>
  <div class="bg-wrap">
    <!-- 其他内容 -->
  </div>
</template>

<!-- styles.vue 或 main.css -->
.bg-wrap {
  background-image: url(your-image-url);
  background-size: cover;
  background-repeat: no-repeat;
}