编程式导航

编程式导航：就是写逻辑让页面跳转

跳转写法：

     path跳转

this.$router.push('路径')

    对象形式path跳转

this.$router.push({path:'路径'})

     命名跳转

this.$roouter.push({name:'路由名'})

     带参数

this.$router.push({name:'路由名',query:{参数名:'参数值'}})

     带params，让路由建立url

this.$router.push({name:'路由名',params:{名:'值'}})

$router和$toute

`$router` 是路由对象, `$router `也相当于 `History`

`$route ` 是路由信息

路由传参

    query值，?后面的参数,

直接在路径后面添加参数

         ``:to="`/cardetail?name=${carId}`"``,获取的时候可以使用`$router`对象，里面的query>

对象的形式：

         :to="{

                 path:'/carDetail',

                 query:{name:'只能写到query属性传参'},

         }"

    params值 ，是/后面的

        ``to='/cardetail/0'``,想要获取cardetail后面的0，首先需要在路由配置中，找到对应的路由绑定变量，`path:'/cardetail/:userId'`,变量名对应着`$router.params()`里面的key值

     对象的写法：

         :to="{

                  name:'CarDetail',

                    params:{userId:'有path，params不生效，需要与name结合使用才能生效'}

         }"