vue3写一个div大盒子嵌套11个小盒子循环RainArr数组，修改小盒子的背景颜色 RainArr = [ { num: [100, 90, 70, 60, 50, 40, 30, 20, 10, 0], bgc: [ 'rgb(255, 255, 255)', 'rgba(255, 255, 255, 0.92)', 'rgba(255, 255, 255, 0.84)', 'rgba(255, 255, 255, 0.76)', 'rgba(253, 254, 255, 0.69)', 'rgba(221, 233, 247, 0.67)', 'rgba(189, 213, 240, 0.64)', 'rgba(157, 192, 233, 0.61)', 'rgba(125, 171, 226, 0.59)', 'rgba(93, 151, 219, 0.56)', 'rgba(61, 130, 212, 0.53)' ], fcolor: [ 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(255, 255, 255)', 'rgb(255, 255, 255)' ] } ]

在Vue 3中，你可以使用v-for指令来循环渲染一个数组，并使用v-bind指令绑定数据。以下是一个示例代码，根据RainArr数组的值生成11个小盒子，并根据数组中对应的背景颜色修改小盒子的样式：

<template>
  <div class="big-box">
    <div v-for="(item, index) in RainArr[0].num" :key="index" :style="{ backgroundColor: RainArr[0].bgc[index] }" class="small-box">
      <!-- 内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      RainArr: [
        {
          num: [100, 90, 70, 60, 50, 40, 30, 20, 10, 0],
          bgc: [
            'rgb(255, 255, 255)',
            'rgba(255, 255, 255, 0.92)',
            'rgba(255, 255, 255, 0.84)',
            'rgba(255, 255, 255, 0.76)',
            'rgba(253, 254, 255, 0.69)',
            'rgba(221, 233, 247, 0.67)',
            'rgba(189, 213, 240, 0.64)',
            'rgba(157, 192, 233, 0.61)',
            'rgba(125, 171, 226, 0.59)',
            'rgba(93, 151, 219, 0.56)',
            'rgba(61, 130, 212, 0.53)'
          ],
          fcolor: [
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(0, 0, 0)',
            'rgb(255, 255, 255)',
            'rgb(255, 255, 255)'
          ]
        }
      ]
    };
  }
};
</script>

<style>
.big-box {
  /* 样式 */
}

.small-box {
  /* 样式 */
}
</style>

在上面的示例代码中，我们使用v-for指令循环遍历RainArr[0].num数组，并将每个小盒子的背景颜色设置为RainArr[0].bgc数组对应索引的值。你可以根据需要修改样式以及添加其他内容到小盒子中。