vue中$route 和$router的区别

在vue中会出现一种情况

const url=this.$route.query.returnURL;

this.$router.push(url);

$router和$route的区别傻傻的分不清

1.先说$router这个就是router的实例,

在创建vueRouter实例

const router=new VueRouter({

routes

})

$router就是这个实例

而$route是$router中的一个一个对象

只想要导航到name,query,params等

原文地址:https://www.cnblogs.com/mrxinxin/p/10170771.html

时间: 2024-08-29 17:41:43

vue中$route 和$router的区别的相关文章

vue中的$route和$router的区别

1. $route是一个对象 可以获取当前页面的路由的路径query.params.meta等参数: 2.$router是VueRouter的一个实例对象 在options中可以获取路由的routes配置参数. 原文地址:https://www.cnblogs.com/fangyinghua/p/9298146.html

$route 和 $router 的区别

最近在学习vue的单页面应用开发,需要vue全家桶,其中用到了VueRouter,在路由的设置和跳转中遇到了两个对象$router 和 $route ,有些傻傻分不清,后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别 1.router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性. 举例:history对象 $

vue知识点-$route和$router

一.$route表示当前路由信息对象 表示当前激活的路由的状态信息,包含了当前URL解析得到的信息,还有URL匹配到的路由记录 路由信息对象:即$router会被注入每个组件中,可以利用它进行一些信息的获取 1)$route.path: 字符串,对应当前路由的路径,总是解析为绝对路径:'/foo/bar' 2)$route.params 一个key/value对象,包含了动态片段和全匹配片段 如果没有路由参数,就是一个空对象 3)$route.query 一个key/value对象,表示URL查

this.$route和this.$router的区别

1. this.$router:     (个人观点:可以用来传递参数) 表示全局路由器对象,项目中通过router路由参数注入路由之后,在任何一个页面都可以通过此方法获取到路由器对象,并调用其push(), go()等方法: this.$router.push({ path: '/monitor', query:{ id:id, } }) 2. this.$route: (个人观点:可以用来获取参数) 表示当前正在用于跳转的路由器对象,可以调用其name.path.query.params等方

vue中assets和static的区别

Vue中assets和static的区别 再一次框架定型中,与同事在静态资源的存放上有了一些分歧,后来经过查阅总结如下: 相同点: assets和static两个都是存放静态资源文件.项目中所需要的资源文件图片,字体图标,样式文件等都可以放在这两个文件下,这是相同点 不相同点: assets中存放的静态资源文件在项目打包时,也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传,所谓打包简单点可以理解为压缩体积,代码格式化.而压缩后的静态资源文件最终也都会放置在s

Hub, bridge, switch, router的区别

这些概念性的东西,其实,有的区别不是很大,有的区别很大. Hub 就是一个重复转发器,就是从一个port接受到数据后,就会原样的向其他的所有端口发送刚才收到的数据.个人理解为是工作在物理层的东西.但是,后来发展中,出现了些所谓的智能hub,就是可以做简单的配置,实现端口管理.这个所谓的智能的hub,和后续的bridge/switch的差别貌似小了一步.下面参考外文网站上的介绍: A hub is a repeater, which is a OSI model device, the simpl

Vue.js和angular.js的区别

关于Vue的描述: HTML模版+JSON数据,再创建一个Vue实例,就这么简单 关于Angular的描述: AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事. 由此可以看出Vue比Angular相对来说简单一些,在 API 与设计两方面上 Vue.js 都比 Angular 简单得多,因此你可以快速地掌握它的全部特性并投入开发

Vue页面跳转$router.push 的用法

vue2.0在使用的过程中, .vue文件之间的跳转,在template中的常见写法是: <router-link to="/miniCard/statement/horizon"> <button class="btn btn-default colorDe">继续</button> </router-link> 但是有时的需求是页面不直接跳转,有确认弹框或者其他事件,此时就需要在js中设置跳转,常用的一种方法是 .

已配置好的vue全家桶项目router,vuex,api,axios,vue-ls,async

github 地址: https://github.com/liangfengbo/vue-cli-project 点击进入 vue-cli-project 已构建配置好的vuejs全家桶项目,统一管理后端接口 | 获取数据 | 请求数据,已包含vue-router,vuex,api,axios. webpack, 储存用vue-ls, 异步async/await, css less. 下载即使用项目开发. 喜欢或对你有帮助的话请点star??,Thanks. A Vue.js project