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

一. params的类型

  1. 配置路由格式vue-router中的参数传递-params和query
  2. 在路径上显示vue-router中的参数传递-params和query
  3. 在页面上显示,方便查看vue-router中的参数传递-params和query
  4. 最终结果vue-router中的参数传递-params和queryvue-router中的参数传递-params和query

二. query的类型

URL的组成
协议://主机:端口(默认为80端口,一般不显示)/路径?查询#片段
scheme://host:port/path?query#fragment

  1. 配置路由格式为普通配置vue-router中的参数传递-params和query
  2. 在对象中使用query的key作为传递方式vue-router中的参数传递-params和query
  3. 传递后形成的路径vue-router中的参数传递-params和query
  4. 在页面上显示vue-router中的参数传递-params和queryvue-router中的参数传递-params和query

如果想要通过按钮来显示

vue-router中的参数传递-params和query
vue-router中的参数传递-params和query
页面显示vue-router中的参数传递-params和query
vue-router中的参数传递-params和query

相关文章: