vue-router parmas与query的区别
$router是路由对象,是一个只写的对象
$route是当前路由的信息对象,是一个只读的对象
带参数路由跳转
1 query参数,这个是作为字符串拼接在url的后面,跟路由没有关系,demo:list/user没有也正常的路由到正确的路径。相当于get请求,请求的参数会在地址栏显示,可以用name或者path来引入路由,使用this.$route.query获取query对象中的参数
2 params参数,需要在路由中明确声明出来:demo:/list/user/:id,这个路由必须带上id参数,不然路由无法跳转(vue-cli3的项目中),参数是路由的一部分,
必须在路由后面带上参数名。相当于是post请求,参数在url中不显示,必须使用name来引入路由,如果使用path来引入,在第一次进入页面时rhis.$route.params.id可以获取到参数,页面刷新之后就成undifined了
转载于:https://www.cnblogs.com/xiaofenguo/p/11287600.html
vue-router parmas与query的区别相关推荐
- vue中params和query的区别,以及具体用法
query传递参数会在url后面用?连接起来,且参数之间用&&符号连接然后显示在页面的url中:params传递参数不会显示在页面中:query有点像ajax中的get请求,而para ...
- Vue Router路由模式的区别 进程线程的区别
Vue Router hash模式和history模式的区别 hash模式url里面永远带着#号,我们在开发当中默认就是hash模式. 那么什么时候需要用到history模式呢? 肯定是用户觉得#号太 ...
- 【Vue.js】Vue.js中常用的UI组件库和Vue Router
1.Vue生态中常用的UI组件库 1. vant 介绍 轻量级.可靠的移动端 Vue 组件库 有赞前端团队出品 GitHub地址:https://github.com/youzan/vant 特性 拥 ...
- Vue Router 实现路由控制实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. Vue Router 实现路由控制实战 前言 一.什么是单页面应用及实现前端路 ...
- Vue2.x - Vue Router
目录 Vue与SPA 什么是SPA 简单了解SPA 什么是MPA SPA相较于MPA的优点 实现SPA的几个关键点 理解SPA单页面架构 什么是前端路由 锚链接与URL中的hash值 通过hashch ...
- Vue Router:vue中实现前端路由
Vue Router 官方文档 文章目录 一.路由简介 路由分类 路由安装 二.路由基本使用 安装路由器并设置路由规则 实现路由切换 指定组件的呈现位置 this中的 $router 和 $route ...
- Vue router 模式 hash 和 history
目录 Vue router 基本使用 Vue-router 传参 hash 模式 Vue-router hash history 模式 Vue router 基本使用 用 Vue + Vue Rout ...
- Vue Router详细教程
1.什么是路由 1.1路由简介 说起路由你想起了什么?路由是一个网络工程里面的术语. 路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动. --- 维基百科 额,啥玩意? 没听 ...
- vue router 路由跳转方法概述
一.概述 使用到Vue的项目,我们最常见使用的就是Vue配套的Vue Router库. 那么在平日开发中,有多少种跳转路由的方法? 二.跳转方法 1.使用router-link标签 使用router- ...
最新文章
- 在Ubuntu 14.04 64bit上为Sublime text 3安装搜狗拼音输入法
- java解析五元组_pcap文件解析,并且按照五元组分类
- ​Linux下C如何调用PCI Lib函数
- 数学奥赛大神,两次以满分获IMO金牌,北大数学博士提前毕业
- 《Java并发性和多线程介绍》-Java TheadLocal
- 95-30-009-Channel-总述
- A. Holidays
- python学习第11天(2)
- int类型转换byte类型
- mysql数据库默认管理员是_数据库管理员密码的设置
- Java 算法:带权图Weighted Graph
- 估算活动持续时间-规划管理
- 计算机上键盘无法输入法,为什么键盘打不出字 大家都会用鼠标点击输入法图...
- 计量经济学之格兰杰因果关系检验(Granger causality test)
- 惠普HP DeskJet Ink Advantage 2778 驱动
- 交换机到底有什么用?
- MPAndroidchart自定义样式二在柱状图上显示文本和间断式显示柱状图
- 简单的Dos命令/一行代码实现恶意程序
- 线上云酒馆是什么?线上云酒馆怎么开发?
- Apache 服务器 SSL 证书到期-续期处理步骤
热门文章
- 2n皇后的问题java_蓝桥杯java 基础练习 2n皇后问题
- python通讯录的录入与测试_python实现手机通讯录搜索功能
- n3k配置vpc是否还需要配置hsrp_HSRP
- java实现系统参数的存储_基于ZooKeeper,Spring设计实现的参数系统
- centen os7 安装并配置Nexus3.9.0
- VisualSVN Server更改SVN版本库存放路径的方法
- vb.net word 自定义工具栏_Word|用这20个技巧办公从此告别龟速工作
- python什么是可变参数_详解Python的三种可变参数
- 关联规则算法Apriori的学习与实现
- plsql能连mysql吗_80后中年夫妻做冬季热饮,一天卖300杯,女顾客:能连杯子端走吗...