路由声明式传参和编程式传参
声明式传参(使用带href /或本质上是a标签的时候)
直接带路径里带携带参数
下例
在地址栏是可以看到参数的(querys传参)
在vue.tools插件里可以观察到
取出路径参数的方式
params传参
首先需要在路由规则里配置 下图(复制这行路由规则,加上:name/:age 这样可以同时使用两种传参方式,或不传参也不影响跳转)
在路径中携带参数
在地址里的效果
vue.tools插件里查看
取出路径参数的方式
编程式导航(使用js代码跳转/在标签上设置事件跳转传参)
p标签绑定点击事件
点击事件执行函数/跳转传参(query传参) //取数据和前面方法一样
点击事件执行函数/跳转传参(parmas传参)
首先需要加路由名,也是建议复制原路由规则,然后增加路由名
传参方式
query参数和params参数区别
1.query: 是通过地址栏传参,参数会在地址栏显示,刷新还在
2.params: 是通过内存传参,参数不会在地址栏显示,刷新会消失
路由声明式传参和编程式传参相关推荐
- Vue教程6【完结】【vue-router】路由,路由传参,编程式路由导航,缓存路由组件,路由守卫,路由模式,vue ui组件库
vue-router 了解 vue插件库,用来实现SPA应用(单页面) 整个页面只有一个完整的页面 点击页面中导航链接,不会刷新页面,只做局部更新 数据通过ajax请求 路由的理解 一组映射关系(ke ...
- Vue -- 编程式路由导航
文章目录 1. 声明式导航 & 编程式导航 1.1 声明式导航 1.2 编程式导航 2. vue-router 中的编程式导航 API 2.1 常用的编程式导航 API 2.2 \$route ...
- Spring基于 XML 的声明式事务控制(配置方式)
一.引入依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http ...
- spring-day04_JdbcTemplate声明式事务
Spring-day04_声明式事务 01-JdbcTemplate基本使用-概述(了解) JdbcTemplate是spring框架中提供的一个对象,是对原始繁琐的Jdbc API对象的简单封装.s ...
- JAVA日记之SpringJdbcTemplate/声明式事务控制 ----喝最烈的酒.
JdbcTemplate基本使用 01-JdbcTemplate基本使用-概述 JdbcTemplate是spring框架中提供的一个对象,是对原始繁琐的Jdbc API对象的简单封装.spring框 ...
- Spring事务管理——使用XML配置声明式事务
林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 一.事务介绍 事务简介: 事务管理是企业级应用程序开发中必不可少的技术,用来确保数据的完整性和 ...
- Spring事务传播行为-编程式事务
1. 编程式事务 Spring 事务管理有两种方式: 编程式事务:通过编码方式实现事务: 声明式事务:基于AOP实现,如 @Transactional 声明式注解. 2. 实现原理 编程式事务基于Tr ...
- Vue声明式路由导航和编程式路由导航的优缺点及实现方法
文章目录 前言 路由实现 1.目标 2.前置条件 <1>安装vue-router插件 <2>写个用于转跳的组件页 <3>写路由文件 <4>写路由锚点 3 ...
- 编程式事务和声明式事务浅析
事务管理 在spring中,事物管理一般分为两类,编程式事务管理和声明式事务管理. 编程式事务管理,一般我们使用TransactionTemplate来实现. 声明式事物管理本质上是spring AO ...
最新文章
- Swift之SDWebImage第三方框架
- 3NF分解与BCNF分解
- Mysql 批量插入数据的方法
- jQuery easyUI--数据表格 datagrid 的使用
- webview部分安卓机中文乱码
- 怎么在html页面和js里判断是否是IE浏览器
- 回顾2016,工作总结!
- 系分 02 软件工程
- html页面背景图片不够大怎么办,Word背景图片不够大怎么办
- 解决桌面IE图标删除不掉问题
- 疯狂原始人服务器维修,疯狂原始人服务器互通详解 安卓和ios能一起玩么
- 论文中的常见缩写(w.r.t/i.e./et al等)的意思
- 关于下载《Java程序员,上班那点事儿》的电子版
- 快速设置Revit模型材质(Dynamo和API)
- Hadoop 为什么不建议使用 RAID?
- 借款必须先买商品再折旧,分期易和通联支付联合收割借款人,年化利率高达240%
- BaseAdapter的使用
- Java集合之Set集合
- 进程间通信方式有哪些-Linux进程间通信
- 信息物理系统-Rijndael加密算法的实现