vue实现左右各三张竖直图片

可以使用flex布局来实现左右各三张竖直图片，具体实现如下：

HTML代码：

<div class="container">
  <div class="left">
    <img src="image1.png" alt="image1">
    <img src="image2.png" alt="image2">
    <img src="image3.png" alt="image3">
  </div>
  <div class="right">
    <img src="image4.png" alt="image4">
    <img src="image5.png" alt="image5">
    <img src="image6.png" alt="image6">
  </div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left,
.right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.left img,
.right img {
  width: 100%;
  margin-bottom: 20px;
}

解释：

1. 通过设置 container 的 display 为 flex，使其成为一个 flex 容器，子元素可以使用 flex 布局。
2. 通过设置 justify-content 为 space-between，使左右两边的元素分别靠左和靠右。
3. 通过设置 align-items 为 center，使左右两边的元素垂直居中。
4. 左右两边的元素设置为 flex 容器，使用 flex-direction: column 让图片垂直排列。
5. 图片设置宽度为 100%，使其充满容器，margin-bottom: 20px 让图片之间有 20px 的间距。