transtion标签使用
// name 属性 用来设置动画样式 及 class类名 mode动画模式
<transition name="fade-transform" mode="out-in">
<router-view ></router-view> //包裹住roter-view 后 切换得路由就会有动画效果
</transition>
// .fade及为transiton name属性得值
.fade-transform-leave-active,
.fade-transform-enter-active {
transition: all .0s;
}