vue3中如何设置背景图片的宽度和高度

在Vue 3中设置背景图片的宽度和高度，可以考虑使用内联样式（inline style）来实现。

可以在组件的`<template>`标签内，使用`style`属性来设置背景图片，并在内联样式中设置`background-size`属性来控制背景图片的宽度和高度。

例如：

<template>
  <div class="background-image" style="background-image: url('your-image-url'); background-size: cover;"></div>
</template>

其中，`background-size: cover;`可以让背景图片完全覆盖容器，并保持宽高比例不变。你也可以使用其他的`background-size`属性值来实现不同的效果。

另外，如果你希望在多个组件中使用同一个背景图片，可以考虑将背景图片的样式抽取成一个CSS类，然后在组件中添加这个类。

例如：

<template>
  <div class="background-image"></div>
</template>

<style>
.background-image {
  background-image: url('your-image-url');
  background-size: cover;
  /* 其他的样式属性 */
}
</style>