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效果如下图，地址栏没有参数
但是如果你刷新一下，就会发现页面失败，传过来的参数也没有了