vue笔记-19（vue路由参数和嵌套路由）

• 路由规则中定义参数
  1. 使用查询参数则不需要修改path,调用方式，在组件模板中使用this.$route.query.id获取
  2. 使用路径变量传参，需要修改path,如”/login/:id“。调用方式，使用this.$route.params.id
  3. 代码demo

  
  
  
  
    
    
    
    
    
  
    
    
  
  
  
    
  
        
        登录
  
        
        注册
  
        
        
            
        
    
  
    
  
    
  
    
  
  
  

• 路由的嵌套
  1. 在vue-router对象里定义children属性
  2. 子路由路径地址最好使用”父路由名/子路由名“的方式定义跳转路由路径
  3. 在子路由children里定义的path, 最好不要带有/前缀,否则永远以根路径开始请求，这样不方便我们用户去理解URL地址
  4. 代码demo

   
   
   
   
   
   
   
   
  
  
   
  
       账户