vue-router参数传递

传递参数有两种类型：

• params和query

params类型

• 配置路由格式：/router/:id
• 传递的方式：在path后面跟上对应的值
• 传递后形成的路径：/router/123，/router/abc

①路由配置格式，使用冒号':'

{  path: '/user/:user_id',  component: User}

②为新添加的url动态赋值

User

data(){
    return {
        user_id: 'xml'   
    }
}

③调用当前路由对象的params即可获取参数信息

{{$route.params}}

{ "user_id": "xml" }

query类型

• 配置路由格式：/router，也就是普通配置
• 传递的方式：对象中使用query的键值对作为传递方式
• 传递后形成的路径：/router?id=123，/router/?id=abc

//仍是普通配置方式
{
    path: '/profile',
	component: Profile
}

Profile

{{$route.query}}