vue两个组件一个放在左侧一个放在右侧

要在Vue中将两个组件一个放在左侧，一个放在右侧，可以使用Flex布局或CSS浮动来实现。以下是两种常见的方法：

1. 使用Flex布局：
在Vue模板中，可以使用Flex布局将一个组件放在左侧，一个放在右侧。

   <div class="container">
     <div class="left">左侧组件</div>
     <div class="right">右侧组件</div>
   </div>

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

   .left {
     /* 左侧组件样式 */
   }

   .right {
     /* 右侧组件样式 */
   }

2. 使用CSS浮动：
在Vue模板中，可以使用CSS浮动将一个组件放在左侧，一个放在右侧。

   <div class="container">
     <div class="left">左侧组件</div>
     <div class="right">右侧组件</div>
   </div>

   .left {
     float: left;
     /* 左侧组件样式 */
   }

   .right {
     float: right;
     /* 右侧组件样式 */
   }

以上是两种常见的方式来在Vue中将两个组件一个放在左侧，一个放在右侧。根据你的具体需求，选择其中一种方式即可。希望对你有所帮助！如果还有其他问题，请随时提问。