Vue的淡入（fade-in）效果可以通过CSS3实现，但是Vue也提供了一种简单易用的方法实现淡入效果，即通过transition属性设置过渡效果。

要实现淡入效果，我们需要在Vue的模板中添加一个style标签，定义CSS过渡效果，如下：

  <style>
    .fade-enter-active, .fade-leave-active {
      transition: opacity .5s;
    }
    .fade-enter, .fade-leave-to {
      opacity: 0;
    }
  </style>

其中，fade-enter-active和fade-leave-active定义了进入和离开过渡的持续时间、延迟和动画函数，可以根据需要修改；fade-enter和fade-leave-to定义了进入和离开过渡的初始状态和结束状态。

在Vue组件中，我们需要在元素上添加transition属性，指定哪些CSS过渡类应该被触发（需要在CSS中定义），如下：

  <template>
    <div v-if="show" class="fade">
      This text will fade in and out
    </div>
  </template>
  
  <script>
    export default {
      data() {
        return {
          show: false
        }
      }
    }
  </script>
  
  <style>
    .fade-enter-active, .fade-leave-active {
      transition: opacity .5s;
    }
    .fade-enter, .fade-leave-to {
      opacity: 0;
    }
  </style>

上面的代码中，div元素上添加了v-if指令，根据show变量的值控制元素的显示和隐藏；元素的class属性设置为fade，对应了CSS中的过渡类。

可以看到，在Vue中实现淡入效果非常简单，只需要定义一些CSS过渡类和在元素上添加transition属性即可。需要注意的是，在Vue中，过渡类名称需要包含组件名或命名空间，以避免与全局过渡类冲突。