参考：vue3 +vite +setup语法使用require报错https://www.jianshu.com/p/ce1edd7d1e39

引入图片资源方式一

<script setup>
import { ref } from "vue";
import imgUrl from "@/assets/28fc29c767c3dc8c75fbe6b284b5de1e.jpeg";
const bgImg = ref("");
bgImg.value = imgUrl;
</script>

引入图片资源方式二

<script setup>
import { ref } from "vue";
const bgImg = ref("");
bgImg.value = new URL(
  "@/assets/28fc29c767c3dc8c75fbe6b284b5de1e.jpeg",
  import.meta.url
).href;
</script>

动态绑定背景图

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