vue搭建两个边框居中展示

要搭建两个边框居中展示的布局，我们可以使用Vue的flex布局来实现。具体步骤如下：

1. 在Vue组件的template标签内，添加一个父容器div，并给它设置display为flex，justify-content为center，align-items为center，来让子元素水平垂直居中显示。

2. 在父容器div内部再添加两个子容器div，分别代表两个边框。

3. 对于子容器div，可以设置宽度、高度、边框样式等样式属性，来呈现出边框的效果。

4. 最后，将子容器div写在父容器div内部，两个子容器div会自动排列在中央位置。

最终的代码如下：

<template>
  <div class="container">
    <div class="box" style="border: 1px solid black;">
      <!-- 第一个边框内容 -->
    </div>
    <div class="box" style="border: 1px dashed blue;">
      <!-- 第二个边框内容 -->
    </div>
  </div>
</template>

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box {
  /* 设置相关样式，如宽度、高度、边框样式等 */
  width: 200px;
  height: 150px;
  margin: 10px;
}
</style>

以上就是使用Vue搭建两个边框居中展示的方法。在实际开发中，可以根据具体需求进行样式的调整和优化。