Vue3 使用 ref 和 function 创建带圆角和蓝色背景的 div

<template>
  <div :style="{backgroundColor: divBgColor.value, borderRadius: '30px', height: '100%'} "></div>
</template>
<script setup>
import { ref } from 'vue'

const divBgColor = ref('blue')
</script>