Vue.$router和Vue.$route

Vue.router this.router.push():跳转到不同的url，但这个方法回向history栈添加一个记录，点击后退会返回到上一个页面
this.router.replace():不会有记录 this.router.go(n):n可为正数可为负数。正数返回上一个页面,类似 window.history.go(n)

Vue.route 表示当前跳转的路由对象,属性有: name:路由名称 path:路径 query:传参接收值 params:传参接收值 fullPath:完成解析后的 URL，包含查询参数和 hash 的完整路径 matched:路由记录副本 redirectedFrom:如果存在重定向，即为重定向来源的路由的名字 this.route.params.id:获取通过 params 或/:id传参的参数
this.$route.query.id:获取通过 query 传参的参数

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • vue-router 基础技术点
    路由实现的方式 声明式。<router-link :to="..."> 编程式。router.push(...) ...
    SailingBytes阅读 4,836评论 1赞 3
  • Vue-router学习笔记
    那这次呢?我决定直接就先放一个小小demo上来 其实我们在引入vue-router插件那一刻,我们的网页就已经附带...
    看物看雾阅读 4,298评论 0赞 1
  • 从头开始学习vue-router
    一、前言 要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用 标签编写链接哪？...
    浪里行舟阅读 67,959评论 12赞 203
  • vue-router基础
    安装 直接下载 在Vue后面加载vue-router，它会自动安装的： NPM 如果在一个模块化工程中使用它，必须...
    oWSQo阅读 4,145评论 0赞 0
  • 【vue-进阶】之vue-router源码分析
    这是一篇集合了从如何查看 vue-router源码（v3.1.3），到 vue-router源码解析，以及扩展了相...
    尤小小阅读 10,937评论 2赞 14

友情链接更多精彩内容