vue-router理解

vue-router

$router和$route
$router路由操作对象,路由跳转,后面跟函数(push,go,back...)
$route路由信息对象,路由参数接收,this.$route.params.参数名/this.$route.query.参数名

query 和 params

query 传参要用path引入(name也可以)
params 传参用name引入(只用使用name 用path会报错)

params是路由的一部分,必须要在路由后面添加参数名。
{
path: '/second/:id/:name',
name: 'second',
component: () => import('@/view/second')
}
query是拼接在url后面的参数,没有也没关系。
params一旦设置在路由,params就是路由的一部分,如果这个路由有params传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。
params如果路由后面没有 /:id/:name效果如下图,地址栏没有参数
但是如果你刷新一下,就会发现页面失败,传过来的参数也没有了

原文地址:https://www.cnblogs.com/linliu/p/14569691.html