编程式导航用的是@router 来跳转 ，$route来接收参数（编程式导航比较传统）
两种跳转方式
path路径跳转
this.$router.push('路由路径')
this.$router.push({
path:'路由路径
})
name命名路由跳转
this.$router.push({
name:'路由名称'
})
{ name: '路由名', path: '/path/xxx', ...}
一共就两种传参方式：查询参数+动态路由传参
传递参数是新的一部分；
所以2种跳转*2种传参 =4种传参可能
其实不多，不可怕。
path跳转
query传参/动态路由传参 区别：path："/search" 和 name："路由名字" 参数一个是query，一个是params
name路由跳转
query传参/动态路由传参 区别：path："/search" 和 name："路由名字" 参数一个是query，一个是params