vue笔记-18（路由高亮和路由动画）

• 设置选中路由高亮的两种方式
  1. 给.router-link-active设置高亮的样式

     .router-link-active{
         color: red;
     }
     

  2. 自定义选中时的class名称,然后对自定义的类高亮修饰

     var routerObj = new VueRouter({
         //route //这个配置对象中的route表示【路由匹配规则】的意思
         routes: [
             { path : '/', component: login },
             { path : '/', redirect: '/login' } //这里和node中的redirect两码事
         ],
         linkActiveClass: 'myactive'
     })
     

• 路由切换添加动画：直接使用元素包上router-view元素即可实现简单的动画
• 路由高亮和路由动画演示代码

  
  
    
    
    
    
    
    
  
    
    
  
  
  
    
  
        登录
        注册