vue.js随机一个div大小

这里是一个使用Vue.js随机生成div大小的示例代码：

<template>
  <div :style="{width: size + 'px', height: size + 'px', background: color}"></div>
</template>

<script>
export default {
  data() {
    return {
      size: 0,
      color: ''
    }
  },
  mounted() {
    this.size = Math.floor(Math.random() * 200) + 50; // 随机生成50到250之间的大小
    this.color = '#' + Math.floor(Math.random() * 16777215).toString(16); // 随机生成颜色
  }
}
</script>

在上面的代码中，我们使用了Vue.js的计算属性和动态绑定样式的方式，根据生成的随机大小和颜色来渲染一个div元素。具体来说，我们在mounted钩子中生成一个随机大小和颜色，然后使用计算属性将其动态绑定到div元素的样式中。其中，随机大小的范围是50到250之间，颜色是随机生成的16进制数。