[Vuejs]-Vue.js – Conditional rendering after variable change

You’ll need to apply the transition css:

Example:

.fade-enter-active { /* <<transition name>>-<<transition class>> */
  transition: all .3s ease;
}
.fade-leave-active {
  transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

Look transition classes for more detail.