vue路由跳转

{vue 路由跳转的三种方式

1.    可以接收一个url 如'/home'   ,也可以接收一个对象 {name:'home'}   {path:'/home'}

2.this.$router.push()   也可以接收一个url  ’/home‘    ,也可以接收以一个对象，并配置参数，

可以使用query配置需要携带的参数，需要使用path引入query，如果使用query配置参数，则会在地址栏中显示参数，传值方式类似于get，页面刷新参数不会消失

{path:'/home',query:{

    id:this.id

    }

}

也可以使用params配置需要携带的参数，需要使用name引入params,如果使用params配置参数，不会在地址栏中显示参数，传值方式类似于post，页面刷新参数会消失

{name:'home',params:{

            id:this.id

    }

}

传参方式也可以使用动态路由 this.$router.push('/detail/'+id)

3.this.$router.replace() 使用方式同this.$router.push()   

replace会覆盖前一个路由，push是在前一个路由后面添加一个路由，区别在于回退时，push会回退到上一个路由，replace因为覆盖了上一个路由，则会回到至上上个路由