参考：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>
