传递参数的方式

传递参数的方式

传递参数主要有两种类型: params和query

params的类型:

配置路由格式: /router/:id

传递的方式: 在path后面跟上对应的值

传递后形成的路径: /router/123, /router/abc

query的类型:

配置路由格式: /router, 也就是普通配置

传递的方式: 对象中使用query的key作为传递方式

传递后形成的路径: /router?id=123, /router?id=abc

如何使用它们呢? 也有两种方式: <router-link>的方式和JavaScript代码方式

传递参数方式一: <router-link>

传递参数方式二: JavaScript代码、

获取参数

获取参数通过r o u t e 对 象 获 取 的 . 在 使 用 了 v u e − r o u t e r 的 应 用 中 ， 路 由 对 象 会 被 注 入 每 个 组 件 中 ， 赋 值 为 t h i s . route对象获取的. 在使用了 vue-router 的应用中，路由对象会被注入每个组件中，赋值为 this.route对象获取的.在使用了vue−router的应用中，路由对象会被注入每个组件中，赋值为this.route ，并且当路由切换时，路由对象会被更新。

通过$route获取传递的信息如下:

r o u t e 和 route和route和router是有区别的

r o u t e 和 route和route和router是有区别的

r o u t e r 为 V u e R o u t e r 实 例 ， 想 要 导 航 到 不 同 U R L ， 则 使 用 router为VueRouter实例，想要导航到不同URL，则使用router为VueRouter实例，想要导航到不同URL，则使用router.push方法

$route为当前router跳转对象里面可以获取name、path、query、params等