首页 > 其他分享 >三阶段 vue 路由 $route 和 $router 的区别

三阶段 vue 路由 $route 和 $router 的区别

时间:2022-10-18 20:56:16浏览次数:67  
标签:vue 区别 route 实例 router 路由

1.这是 vue-router 提供给我们的实例实例的两个属性(api)

2.$route 是路由对象 , 一般是获取动态参数 | query

    this.$route.params.id

    this./$route.title 

3.可以在组件中借助$router实现编程式导航方法

  this.$router.push() | replace | go | back|等

标签:vue,区别,route,实例,router,路由
From: https://www.cnblogs.com/wfming/p/16804066.html

相关文章

  • vue项目添加页面加载loding进度条效果
    Vue项目的优化过程中需要添加NProgress加载loding进度条效果一、进度条效果我们要实现的效果就是,当我们点击每一个菜单,加载相应的页面时,在页面顶部中间会有一个加载的......
  • Vue.nextTick核心原理
    相信大家在写vue项目的时候,一定会发现一个神奇的api,Vue.nextTick。为什么说它神奇呢,那是因为在你做某些操作不生效时,将操作写在Vue.nextTick内,就神奇的生效了。那这是什么......
  • vue实战-深入响应式数据原理
    本文将带大家快速过一遍Vue数据响应式原理,解析源码,学习设计思路,循序渐进。数据初始化_init在我们执行newVue创建实例时,会调用如下构造函数,在该函数内部调用this._init(......
  • cnpm install 安装依赖包后,vue-element-admin 运行报错血泪采坑总结
    前言以前安装依赖包会使用npminstall,但因服务器在国外,所以下载速度不稳定,总体比较慢。后来国内就有了淘宝镜像cnpm,安装依赖速度很快,因为服务器在国内npminstal......
  • vue3实战-完全掌握ref、reactive
    知道大家使用Vue3的时候有没有这样的疑惑,“ref、rective都能创建一个响应式对象,我该如何选择?”,“为什么响应式对象解构之后就失去了响应式?应该如何处理?”今天咱们就来......
  • vue源码分析-diff算法核心原理
    这一节,依然是深入剖析Vue源码系列,上几节内容介绍了VirtualDOM是Vue在渲染机制上做的优化,而渲染的核心在于数据变化时,如何高效的更新节点,这就是diff算法。由于源码中关于d......
  • vue传参之路由传参
    query传参参数会在链接后面显示,刷新不会消失this.$router.push({path:"/home",query:{id:1},});params传参参数不会显示在链接后......
  • vue源码分析-插槽原理
    Vue组件的另一个重要概念是插槽,它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。这一节将围绕官网对插......
  • vue 根据url下载图片方法
    downloadByBlob(url,name){letimage=newImage()image.setAttribute('crossOrigin','anonymous')image.src=urlimage.onload=()=>{......
  • vue-java (Get / Post 传参)
    我在controller层传的参数是List时报Noprimaryorsingleuniqueconstructorfoundforinterfacejava.util.List于是加了@RequestParam,结果报Requiredrequestparame......