Vue.js 在路由规则中定义参数和传参方式

在路由规则中定义参数

1. 在规则中定义参数：

{ path: '/register/:id', component: register }

2. 通过 this.$route.params来获取路由中的参数：

var register = Vue.extend({
      template: '
注册组件 --- {{this.$route.params.id}}
'
    });

代码：

  
  
  
  
  
  



  


    
    登录
    注册

    

  

  

路由规则传参方式

  
  
  
  
  
  



  


    
    登录
    注册