Vue 中使用 flex 布局实现 div 一行显示两个

在 Vue 中，你可以使用'flex'布局来实现'div'一行显示两个的效果，具体的写法如下：

在<style>标签中定义一个类，例如'.container'，用来包裹两个'div'元素，并设置为'display: flex'，如下：

<style>
.container {
  display: flex;
}
</style>

在模板中使用定义好的类，将两个'div'元素包裹在'.container'类中，如下：

<template>
  <div class='container'>
    <div>第一个div</div>
    <div>第二个div</div>
  </div>
</template>

这样就可以实现两个'div'元素一行显示的效果。你可以根据需要自行调整样式，例如设置'flex-direction: row'来水平排列，或者设置'flex-direction: column'来垂直排列。你还可以使用'justify-content'和'align-items'来控制元素的对齐方式。