一个div盒子平均分为左右两个小div盒子 用vue技术

可以使用Vue的计算属性来计算左右两个小div盒子的样式。

首先，在Vue的template中，使用一个父div包含左右两个小div，然后设置父div的样式为flex，这样子div就可以平均分为左右两个小div。

然后，定义一个计算属性来计算左右两个小div的样式，具体实现如下：

<template>
  <div class="parent-box">
    <div class="left-box" :style="{width: leftBoxWidth}"></div>
    <div class="right-box" :style="{width: rightBoxWidth}"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      parentBoxWidth: 600, // 父div的宽度
      leftBoxWidthRatio: 0.5, // 左div占比
    }
  },
  computed: {
    leftBoxWidth() {
      return `${this.parentBoxWidth * this.leftBoxWidthRatio}px`;
    },
    rightBoxWidth() {
      return `${this.parentBoxWidth * (1 - this.leftBoxWidthRatio)}px`;
    }
  }
}
</script>

在上面的代码中，我们定义了一个父div的宽度，和左div的占比，然后通过计算属性来计算左右两个小div的宽度，并将宽度作为样式设置给左右两个小div。

这样就可以实现将一个div平均分为左右两个小div的效果了。