Vue通过JS跳转路由

这里我们通过输出$router来查看，其唯早中push和replace函数就是跳转其他路由的函数

其中push函数是跳转新的路由，跳转后可以通过浏览器的回退功能回退到上一个路由

添加gotoCircle函数指饥雀，这里我们使用push函数做演示，replace函数的肢并传参和push一样，就不多做演示了

这里的传参与上面v-bind绑定的参数一样都是传一个对象，运行效果如下：

1.<router link to=""/>    可以接收一个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因为覆盖了上一个路由，则会回到至上上个路由

---