vue3动态background-image

<template>
  <div v-bind:style="{ 'background-image': 'url(' + imageUrl + ')' }">
    <!-- Your content here -->
  </div>
</template>

<script>
import { reactive } from 'vue';

export default {
  setup() {
    const state = reactive({
      imageUrl: 'your-image-url-here.jpg'
    });

    return { state };
  }
}
</script>