Vue路由传参的两种方式

• 第一种：以?进行拼接要传递的参数
  Go to Bar
  页面中获取值的方式：:this.$route.query.name
• 第二种：按模式进行匹配
  参考官网即可
  模式：/foo/:name/:id，其中foo为路径名称,:name,：id为参数名称
  路径：/foo/zhangsan/4，其中zhangsan,4分别对应name和id的参数值
  页面获取值的方式this.$route.params.name
• 代码示例

    
        
        
        
        
    
    
    
        

            
            
            
            
            Go to Foo  
            
            Go to Bar