vue中Route和router、routes的关系

一、Route和router、routes的关系

事例展示

1、Router：一般具有功能性

2、route

route一般用于获取信息

例如获取
-路由路径($route.path)

-路由参数($route.params)

-路由的查询参数($route.query)

-路由的hash值($route.hash), 完成解析后的hash值(不带#但包含查询参数和hash的完成路径， $route.fullhash)

-数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象($route.matched)

-当前路径名字($route.name)

-路由元信息($route.meta)，meta就代表元数据

需要获取某个路由信息的时候用 route ，需要使用路由方法的时候用 router

3、Routers

上面是之前整理相关知识时候做的笔记，图片部分是自己原创，部分网络搜索相关知识整理，关于这部分很多都是支离片碎，找不到原作者。

vue中Route和router、routes的关系相关推荐

Vue中route和router的区别
route 和 router route 包含路由信息的对象如图所示:fullPath hash name - router 可以理解为操作路由的方法,包含了如:histroy 和一些生命钩子函数- ...
关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决
关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面不刷新的问题解决参考文章: (1)关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面 ...
id vue2路由传参_Vue2.0中 $route 和 $router 的区别
在做Vue项目时,在路由设置和跳转时有没有遇到过 $route 和 $router?乍一看,两个看起来几乎一模一样,有点傻傻分不清楚,他们到底有什么区别?在什么情况下用呢? 我们把这2个在控制台打印出 ...
vue中的this.$router.replace()和.push()和.go()的区别解析
1. this.$router.push() 跳转到不同的url,但这个方法会向history栈添加一个记录,点击后会返回到上一个页面. 2. this.$router.replace() 跳转到不同 ...
VUE中用AntV G6 + element 实现关系图展示
1.效果图 (我的需求是做字段血缘展示) 2.官方文档 :https://antv-g6.gitee.io/zh/examples/tree/mindmap#hCustomSideMindmap 3. ...
vue的route和router的区别
一个是路由跳转,一个是定义路由规则转载于:https://www.cnblogs.com/Hajar/p/10953204.html
vue中$router以及$route的使用
路由基本概念 route,它是一条路由. { path: '/home', component: Home } routes,是一组路由. const routes = [{ path: '/home ...
vue中waiting for update signal from wds_10个vue快捷开发技巧助你成为中级前端工程师！(二)...
前言先赞再看,养成习惯~ 优雅更新props 更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告.因此大多数人 ...
vue中8种组件通信方式,纯干货！值得收藏
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就 ...

vue中Route和router、routes的关系

一、Route和router、routes的关系

2、route

vue中Route和router、routes的关系相关推荐

最新文章

热门文章