Vue编程式路由导航

Vue的编程式导航就是不使用router-link进行页面的跳转，能够让页面的跳转更加地灵活。

一、页面跳转

如果是添加一个新跳转路径，就使用push方法。

this.$router.push({

        path:"路径",

        query:{  // query参数  }

})

如果是替换当前路径跳转，就使用replace方法。

this.$router.replace({

        name:"路由名称",

        params:{  // params参数  }

})

方法中的配置项可以使用路径，也可以使用名称；可以使用query参数，也可以使用params参数。

注意：使用params参数进行传参的时候，必须使用name配置项！

二、页面前进后退

this.$router.forward()    // 前进

this.$router.back()    // 后退

this.$router.go()    // 正数为前进，负数为后退