vue学习之六路由系统

一、vueRouter实现原理

VueRouter的实现原理是根据监控锚点值的改变,从而不断修改组件内容来实现的,我们来试试不使用VueRouter,自己实现路由控制,如下代码:




    
    Title


    


    


  

二、vue路由的安装使用

2.1下载vue-route.js

https://unpkg.com/vue-router/dist/vue-router.js

2.2引入vueRouter并使用




  
  Title
  
  
  



  

 

三、VueRouter知识点

3.1命名路由




    
    Title
    
    


    

  

3.2路由参数




    
    Title
    
    


    

  

3.3路由参数实现原理





Title











  

3.4子路由




    
    Title
    
    


    

  

子路由append




    
    Title
    
    
    
    



    

  

VueRouter子路由非append





Title












  

3.5redirect(重定向)




    
    Title
    
    


    

  

3.6手动路由




    
    Title
    
    
    
    



    

  

3.7路由钩子




    
    Title
    
    
    
    



    

  

3.8路由钩子实现登陆




    
    Title
    
    
    
    



    

  

你可能感兴趣的:(vue学习之六路由系统)