Vue Router 编程式导航

开始学 Vue Router 的时候，

最常用到的便是使用路由组件 :

然后使用 作为路由内容的输出：

然而除了使用 之外，Vue Router 还为我们提供了一些方法：

router.push (location, onComplete?, onAbort?) 

router.replace (location, onComplete?, onAbort?)

router.go(n)

router.push

     跳转到对应路由页面，可通过浏览器的后退按钮后退到上一层。

router.replace

    跳转到对应路由页面并替换掉原来的路径，不可后退至上一层

router.go(n)

    跳转到第 n 层，如果 n 是负数，则后退 n 层，正数则前进 n 层。

代码：

    
    
    
    
    


    

        
        原始路由

        
        router.push 方法

        
        router.replace 方法

        
        router.go 方法

        
    

同时，也可以在Vue实例里面调用，例如：

    const app = new Vue({
        router,
        methods:{
            vueFn: function () {
                this.$router.push({
                    path: "/path/routerPush"
                })
            }
        }
    }).$mount("#app")

2018-07-13

link_vue-router学习