Vue dialog 是一個基于 Vue.js 的彈出框組件，它可以方便地實現各種不同類型的彈框效果。其中，動畫效果是讓它更加生動有趣的一個重要組成部分。

Vue dialog 的動畫效果可以通過一些簡單的配置實現，主要包括如下幾個方面：

dialogOptions:{
enterActiveClass:'fadeInUp',
leaveActiveClass:'fadeOutDown',
appearClass:'fadeInUp',
appearActiveClass:'fadeInUp',
}

這里的 enterActiveClass 和 leaveActiveClass 分別對應于彈框進入和離開時的動畫效果。可以通過 CSS 來定義這些動畫效果，例如：

.fadeInUp-enter-active,
.fadeInUp-leave-active{
transition:all .5s ease-out;
}
.fadeInUp-enter,
.fadeInUp-leave-to{
opacity:0;
transform:translateY(-20px);
}

這里使用了 CSS3 的 transition 屬性來實現動畫效果，并通過 opacity 和 transform 屬性來定義具體的動畫效果。

除了 enterActiveClass 和 leaveActiveClass，Vue dialog 還提供了 appearClass 和 appearActiveClass 參數，用于在組件初始渲染時實現進入動畫效果。例如：

.fadeInUp-appear-active{
transition:all .5s ease-out;
}
.fadeInUp-appear{
opacity:0;
transform:translateY(-20px);
}

通過配置這些類名，我們就可以輕松實現 Vue dialog 的動畫效果了。當然，如果你想要更加個性化的動畫效果，可以根據自己的需求自定義 CSS。