声明式传参(使用带href /或本质上是a标签的时候)

直接带路径里带携带参数

下例

在地址栏是可以看到参数的(querys传参)

在vue.tools插件里可以观察到

取出路径参数的方式

params传参

首先需要在路由规则里配置    下图(复制这行路由规则,加上:name/:age    这样可以同时使用两种传参方式,或不传参也不影响跳转)

在路径中携带参数

在地址里的效果

vue.tools插件里查看

取出路径参数的方式

编程式导航(使用js代码跳转/在标签上设置事件跳转传参)

p标签绑定点击事件

点击事件执行函数/跳转传参(query传参) //取数据和前面方法一样

点击事件执行函数/跳转传参(parmas传参)

首先需要加路由名,也是建议复制原路由规则,然后增加路由名

传参方式

query参数和params参数区别
1.query: 是通过地址栏传参,参数会在地址栏显示,刷新还在
2.params: 是通过内存传参,参数不会在地址栏显示,刷新会消失

路由声明式传参和编程式传参相关推荐

  1. Vue教程6【完结】【vue-router】路由,路由传参,编程式路由导航,缓存路由组件,路由守卫,路由模式,vue ui组件库

    vue-router 了解 vue插件库,用来实现SPA应用(单页面) 整个页面只有一个完整的页面 点击页面中导航链接,不会刷新页面,只做局部更新 数据通过ajax请求 路由的理解 一组映射关系(ke ...

  2. Vue -- 编程式路由导航

    文章目录 1. 声明式导航 & 编程式导航 1.1 声明式导航 1.2 编程式导航 2. vue-router 中的编程式导航 API 2.1 常用的编程式导航 API 2.2 \$route ...

  3. Spring基于 XML 的声明式事务控制(配置方式)

    一.引入依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http ...

  4. spring-day04_JdbcTemplate声明式事务

    Spring-day04_声明式事务 01-JdbcTemplate基本使用-概述(了解) JdbcTemplate是spring框架中提供的一个对象,是对原始繁琐的Jdbc API对象的简单封装.s ...

  5. JAVA日记之SpringJdbcTemplate/声明式事务控制 ----喝最烈的酒.

    JdbcTemplate基本使用 01-JdbcTemplate基本使用-概述 JdbcTemplate是spring框架中提供的一个对象,是对原始繁琐的Jdbc API对象的简单封装.spring框 ...

  6. Spring事务管理——使用XML配置声明式事务

    林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 一.事务介绍 事务简介: 事务管理是企业级应用程序开发中必不可少的技术,用来确保数据的完整性和 ...

  7. Spring事务传播行为-编程式事务

    1. 编程式事务 Spring 事务管理有两种方式: 编程式事务:通过编码方式实现事务: 声明式事务:基于AOP实现,如 @Transactional 声明式注解. 2. 实现原理 编程式事务基于Tr ...

  8. Vue声明式路由导航和编程式路由导航的优缺点及实现方法

    文章目录 前言 路由实现 1.目标 2.前置条件 <1>安装vue-router插件 <2>写个用于转跳的组件页 <3>写路由文件 <4>写路由锚点 3 ...

  9. 编程式事务和声明式事务浅析

    事务管理 在spring中,事物管理一般分为两类,编程式事务管理和声明式事务管理. 编程式事务管理,一般我们使用TransactionTemplate来实现. 声明式事物管理本质上是spring AO ...

最新文章

  1. Swift之SDWebImage第三方框架
  2. 3NF分解与BCNF分解
  3. Mysql 批量插入数据的方法
  4. jQuery easyUI--数据表格 datagrid 的使用
  5. webview部分安卓机中文乱码
  6. 怎么在html页面和js里判断是否是IE浏览器
  7. 回顾2016,工作总结!
  8. 系分 02 软件工程
  9. html页面背景图片不够大怎么办,Word背景图片不够大怎么办
  10. 解决桌面IE图标删除不掉问题
  11. 疯狂原始人服务器维修,疯狂原始人服务器互通详解 安卓和ios能一起玩么
  12. 论文中的常见缩写(w.r.t/i.e./et al等)的意思
  13. 关于下载《Java程序员,上班那点事儿》的电子版
  14. 快速设置Revit模型材质(Dynamo和API)
  15. Hadoop 为什么不建议使用 RAID?
  16. 借款必须先买商品再折旧,分期易和通联支付联合收割借款人,年化利率高达240%
  17. BaseAdapter的使用
  18. Java集合之Set集合
  19. 进程间通信方式有哪些-Linux进程间通信
  20. 信息物理系统-Rijndael加密算法的实现

热门文章

  1. 数据格式:大端模式(Big-endian)和小端模式(Little-endian)
  2. linux下文件重命名
  3. 大数乘法——大数问题
  4. 7 RRC Measurement -- 测量报告
  5. CANOE入门:CAPL语言实现诊断发送和接收
  6. Java Web实战开发 | Web项目的创建与运行
  7. Linux:《gzip》《bzip2》压缩解压
  8. python 曲线拟合(numpy.polyfit、scipy.optimize.curve_fit)
  9. jack server 常见错误解决方法
  10. 计算机科学与技术毕业论文选题【精选】