Vue路由中定义参数的两种方式

方式一

1.在router-link的to属性中添加参数

 登录

2.通过$route.query.id获取参数

var login = {
        template:'
这是登录组件----{{$route.query.id}}
',
        created(){
            console.log(this.$route)
        }
    }

方式二

1.在规则中定义参数：

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

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

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