在vue中，设置背景图片，不破坏页面布局

在Vue中设置背景图片可以使用CSS的background属性。为了不破坏页面布局，可以将图片设置为background-image，并使用background-size设置图片大小，同时使用background-position设置图片位置。下面是一个示例代码：

<template>
  <div class="bg-image">
    <!-- 页面内容 -->
  </div>
</template>

<style>
.bg-image {
  background-image: url("your-image-url");
  background-size: cover;
  background-position: center center;
  /* 其他样式 */
}
</style>

其中，`background-size: cover;`会自动缩放图片大小，使其充满整个元素，同时保持图片比例不变；`background-position: center center;`会将背景图片居中显示。

你可以将`bg-image`样式应用到Vue组件的根元素上，以实现页面背景图片的设置，同时不影响页面布局。