浅析vue-router jquery与params发送参数(接收参数)$router $route的区别

今天在做项目的时候，踩到了vue-router (jquery和params)的坑，所以决定总结一下它们的区别。

1.1.jquery模式下的参数传输和接收

传输参数：

这个。$路由器。push({ path : '/XXX ' query : { id 3360 id } })接收参数：

这个。$route.query.id

注意，参数是这样的。$router，接收参数是这样的。$route，所以一定要在这里看清楚！

这有什么区别。$路由器和这个。$路线？

通过在控制台上打印它们，您可以清楚地看到它们之间的一些差异：

1.$router是一个VueRouter实例。如果你想导航到不同的网址，使用$router.push方法

2.$route是当前路由器跳转对象，可以获取名称、路径、查询、参数等。

2 .参数模式发送和接收参数

传输参数：

这个。$ router . push({ name : ' XXX ' params 3360 { id 3360 id } })接收参数：

这个。$route.params.id

注意：params，在push中只能是name:'xxxx '，不能是path:'/xxx '，因为params只能用name来介绍路由，如果path写在这里，接收参数页将是未定义的！

此外，它们之间还有一些差异。说白了，查询相当于获取请求。当页面跳转时，可以在地址栏看到请求参数，而params相当于post request，参数不会显示在地址栏。

摘要

以上是对vue-router jquery和边肖介绍的params传输参数(接收参数)$router $route的区别的简要分析。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！