重合是Vue中的一个重要的概念，指的是多个组件在同一位置重叠。在Vue中，通常使用z-index属性来控制组件的层级关系，同时也可以通过CSS中的position属性来控制组件在文档流中的位置。

下面是一个示例代码：

  .red {
    background-color: red;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 1;
  }
  
  .blue {
    background-color: blue;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 2;
  }

上面的代码中，我们定义了两个CSS类red和blue，分别对应红色和蓝色的圆形组件。这两个组件都使用了position: absolute;来脱离文档流，然后通过top和left以及margin属性来使它们定位到页面的中心位置。其中，红色圆形组件的z-index为1，蓝色圆形组件的z-index为2，这样蓝色组件就会覆盖在红色组件之上。

在Vue中，控制组件重合的原理和上面的CSS示例代码类似。我们可以通过在组件的template中定义CSS样式，或者使用Vue的CSS模块化机制，在组件JS代码中引入CSS文件来控制组件的样式和层级关系。