添加过渡动效

路由跳转添加过渡动效

• 绑定动画类：

• JS控制动画类是slide-right还是slide-left:

export default {
  data(){
    return{
      transitionName:"",
    } 
  },
  // 监听,当路由发生变化的时候执行
  watch:{
      $route(to,from){
           const toDepth = to.path.split('/').length
           const fromDepth = from.path.split('/').length
           this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'
  }
}

• 动画样式