Vue router总结了$router和$route之间以及路由器和路由器和route之间的区别

1这之间的区别。$路由器和这个。$路线

vue路由器

这个。$router是VueRouter的一个实例方法。当导航到不同的URL时，您可以使用这个。$router.push方法，它将向历史记录中添加一条记录。当你点击浏览器返回按钮或这个。$router.back()，您将返回到上一个URL。这个。$route相当于当前活动的route对象，它包含通过解析当前url获得的数据，并且可以从该对象获得一些数据，比如名称、路径等。

2路由跳分为程序化和声明性

陈述表达式

//路由入口路由器-链路：to=' . '//查看出口路由器-查看/路由器-查看//路由入口路由器-链接：to=' . '//查看退出路由器-查看/路由器-查看当你想在一个页面上嵌套子路由而不跳转到该页面时，我认为这个，

编程风格

//string router . push(' home ')//object router . push({ path : ' home ' })//命名路由router.push ({name3360' user '，params 3360 { userid 3360 ' 123 ' })//带有查询计划=private outer . push({ path : ' register '，query : { Plan : ' private ' })//string router . push(' home ')//object router . push({ path 3: ' private ')push ({path :' register '，query : { plan : ' private ' } })，但必须注意，如果您提供path，params和query的配置将被忽略

3路径：“名称”和路径：“/名称”之间的区别

如果添加/，它将被视为一个目录，否则当前路径将嵌套在前一个路径中

//例如，当前路径是homethis。$ router . push({ path : ' name ' })/==路径是/home/namethis。$ router . push({ path 3360 '/name ' })//==路径为/name//，例如，当前路径为homethis。$ router . push({ path : ' name ' })/==路径是/home/namethis。$ router . push({ path : '/name ' })//==path为/namesps :让我们来看看vue中的router和router and route

vue-router中经常操作两个对象：route和route以及router。

1.$route对象

$route对象表示当前路由信息，并包含通过解析当前URL获得的信息。包含当前路径、参数、查询对象等。**1.对应于当前路由的$route.path**字符串始终解析为绝对路径，如“/foo/bar”。**2.$route.params**一个键/值对象包含动态片段和完全匹配的片段。如果没有路由参数，则它是一个空对象。**3.$route.query**一个键/值对象，表示URL查询参数。例如，对于path /foo？如果用户=1，则有$route.query.user==1。如果没有查询参数，它就是一个空对象。**4.$route.hash**当前路由的哈希值(不带#)，如果没有哈希值，则为空字符串。锚点的网址**5。$route.fullPath**解析后，包括查询参数和哈希的完整路径。**6.$route.matched**数组，其中包含与当前匹配路径中包含的所有片段相对应的配置参数对象。**7.$route.name当前路径名****8。$route.meta路由元信息

路由对象出现在多个地方：

组件内的This.route和route以及route watcher回调(监视更改处理)；路由器的返回值。匹配(位置)滚动行为方法的参数导航挂钩的参数：

路由器。beforeeach ((to、from、next)={//to和from是路由信息对象，使用routing later的hook函数可以很容易理解)2。$路由器对象

$router对象是全局路由的实例和路由器构造函数的实例。

路由实例方法：

1、推

//把这个串起来。$ router . push(' home ')//object this。$ router . push({ path : ' home ' })//命名路由此。$ router.push ({name:' user '，params 3360 { userid 3360 123)Plan=123 this。$ router . push({ path : ' register '，query : { plan : ' 123 ' })push方法实际上相当于router-link :to=' . '。

注意：push方法的跳转将向历史堆栈添加一条新记录。当我们点击浏览器的后退按钮时，我们可以看到上一页。

去吧

//页面路由向前或向后跳转。$router.go(-1) //backward 3。替换

//push方法将向历史堆栈添加新记录，而replace方法将替换当前页面，并且不会向历史堆栈添加新记录05

//一般用replace来完成。$router.replace('/')在第404页。有时路径中添加“/”，有时不添加“/”，以“/”开头的路径将被视为根路径，因此上一个路径不会一直嵌套。

摘要

以上是边肖推出的vue路由器。总结了$router和$route以及router和route的区别，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！