vue3 设置div的background-image

在Vue3中，可以使用`style`绑定来设置`div`的`background-image`，例如：

<template>
  <div :style="{ backgroundImage: `url(${imageUrl})` }"></div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.png'
    }
  }
}
</script>

<style>
div {
  width: 100px;
  height: 100px;
}
</style>

在上面的例子中，我们使用`:style`绑定来设置`div`的样式，其中`backgroundImage`属性是`camelCase`格式的，需要用`kebab-case`格式来表示，即`background-image`。我们使用`${}`语法来将`imageUrl`变量插入到样式中，实现动态设置`background-image`。