Vue-Router,vue-router的理解

　　本文主要介绍了vue $router和$route的区别，并且通过示例代码非常详细，对于大家的学习或者工作都有一定的参考价值。下面让我们跟随边肖一起学习。

　　1.Router是VueRouter的一个实例，相当于一个全局router对象。它包含许多属性和子对象，如历史对象。你可以用这个。$router.push为经常使用的跳转链接，与router-link跳转相同。

　　这个。$router.push将向历史堆栈添加新记录。详见vue官方文档。

　　Route相当于当前正在跳转的route对象。您可以获得名称、路径、参数、查询等。从中。

　　打印这个。$route和this.router

　　路由参数的方式

　　1.您可以手写完整的路径：

　　这个。$ router . push({ path:`/user/$ { userId } `})

　　如果像这样传递参数，那么在配置路由时，需要将参数path: user/:userid添加到path中。

　　这种接收参数的方式是这样的。$route.params.userId

　　2.它也可以由参数传递：

　　3.您也可以通过查询传递它：

　　query参数用于path，params参数用于name。参数以相同的方式接收。这个。$route.query和this。$route.params .

　　注意，这只是一个跳转url。跳转到这个url时显示什么组件，你得配置路由。路由器跳转和路由器链接标签跳转具有相似的规则。

　　在节目中：

　　注意：如果提供了path，params将被忽略，但查询不是这种情况。

　　如果使用完整路径和查询参数，刷新页面时路由参数的参数不会丢失。

　　这个vue官方文档很详细。

　　二是配置路由时有时会在路径中添加/，有时不添加，如path:name 和path:/name 。其实官方文件说的是区别。当时没有仔细看，导致这个问题困扰了我很久。

　　意思是以/开头的会被当作路径，前面的路径不会一直嵌套。

　　关于vue $router和$route的区别这篇文章到此为止。有关vue $router和$route的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。