- 了解spa页面跳转方式:(2种)    spa: 单页跳转方式        开发(hash模式): https://www.baidu.com/#2313213        生产(h5利于seo): history.pushState('','','/test'); 只更改url,不会刷新,手动刷新后可能会404npm install vue vue-router axios bootstrap

- vue-router1.创建vue-router实例2.在vm里关联3.手动访问, 链接后追加#/home 或 #/list访问查看各自组件结果.
    
    
     
    

- 创建链接访问(不适合生产,生产要用history模式)
    
    
     home 
         
     list    
     
    

- 修改链接(使得模式可以切换)- 切换router的mode,观察链接,(history无#)
    
    
     
      home
         
     
      list
         
     
    

- 通过tag修改元素类型,如button还是a
    
    
     
      home
         
     
      list
         
     
    

• 修改button样式,

    
            
    
    
     
      home
         
     
      list
         
     
    

- linkActiveClass更改默认样式类名, 默认叫router-link-active    let router = new VueRouter({        routes: routes,        // mode: 'history',        // linkActiveClass: 'router-link-active',        linkActiveClass: 'active',    });

- 编程式导航
    
                
         
     
      首页
         
     
      列表页