vue 编程式导航

编程式导航用的是@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