vue实现一行有2个div，多出换行，从下至上布局

要实现从下至上布局，可以使用Flex布局的反向排列属性。具体步骤如下：

1. 在父元素上设置display:flex; flex-wrap:wrap; flex-direction:column-reverse;来实现子元素的从下至上排列。

2. 设置子元素的flex-basis属性为50%来让每个子元素占据一行的一半空间。

下面是一个基本的实现示例：

HTML代码：

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
  <div class="child">4</div>
  <div class="child">5</div>
  <div class="child">6</div>
</div>

CSS代码：

.parent {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.child {
  flex-basis: 50%;
}

这样就可以实现一行有两个div，多出换行，从下至上布局的效果了。