vue 两个div并排显示

要在Vue中实现两个div并排显示，你可以使用Flexbox布局或者CSS Grid布局。下面是两种方式的示例代码：

使用Flexbox布局：

<template>
  <div class="container">
    <div class="box">Div 1</div>
    <div class="box">Div 2</div>
  </div>
</template>

<style>
.container {
  display: flex;
}

.box {
  flex: 1;
}
</style>

使用CSS Grid布局：

<template>
  <div class="container">
    <div class="box">Div 1</div>
    <div class="box">Div 2</div>
  </div>
</template>

<style>
.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.box {
  border: 1px solid black;
  padding: 10px;
}
</style>

你可以根据需要选择其中一种方式，并根据实际情况调整样式。