vue 中$router.push的跳转(官方叫编程式导航)

1.首先我们讲一下<router-link></router-link>， 他的一个作用也是导航，其实就相当我们的一个a标签。有兴趣可以尝试下

2.我们的vue 里面的编程式导航 可以替代我们<router-link>进行一个跳转。这样就可以不用再布局的时候写我们的router-link标签。

3.跳转个人总结两个方式 path 和name

eg:this.$router.push({path:"/parent/child" })

this.$router.push(name:"child" })

注意这里的path路径要和我们的注册的路由的path 相匹配 如果用name也需要和我们注册的路由的name相匹配 才能跳转

4.传参

eg:this.$router.push({path:"/parent/child" ，query:{name:22})

this.$router.push(name:"child" , params:{name:11 })

传参的方式query和params 要和path ，name分别对应。