Vue通过params获取路由参数

上一期使用query获取路由参数，这一次就是利用params获取参数

要想通过params获取路由参数，在这之前要事先定制匹配规则，如图：

com2/:name/:job 表示 /com2的下一级路由参数就是name，name的下一级路由参数就是job

如果路由是这样的，例如：com2/lisi/student 那么匹配规则，就有 name = 'lisi', job = 'student'

可以设置一个点击事件来打印出params获取的路由参数

点击按钮之后，可以看见控制台打印出：{name: "lisi", job: "student"}，如图：

实际上，你也可以直接在组件里显示出来：

这就是params和query的不同，query获取的路由参数对象不可以打印出来，但是params的路由参数对象可以打印出来