vue-router-参数传递

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

router" title="vue-router">vue-router-参数传递

准备工作

第一步：创建新的组件Profile.vue

第二步：配置路由映射

第三步：添加跳转的< router-link >

传递参数的方式

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

params的类型：

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

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

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

query的类型：

配置路由格式：/router，也就是普通配置

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

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

如何使用他们呢？也有两种方式：< router-link >的方式和JavaScript代码方式

URL:协议://主机：端口/路径？查询(query)

URL中一般会将端口省略，

URL：http：//localhost：8080/路径?查询（query）

协议一般有：http，tcp等

scheme://host:port/path?query#fragment

$ router和 $ route是有区别的

任何一个组件里面拿到的$router都是一样的，可以通过它调用一些方法：back、forward、replace、pushState等。

可以通过 $route拿到当前处于活跃的路由信息比如：params、query、path

以上是 vue-router-参数传递 的全部内容， 来源链接： utcz.com/z/376697.html

回到顶部