vue Router编程式路由导航

编程式，顾名思义，就是通过写代码来实现路由跳转；

主要有三个方法；

push(压入栈)，replace(替换)，back(回退)

我们看到 用push 显示页面，是压入栈中去的，push几个，点回退，都能看到

如果用replace的话，是替换页面，不压入栈中，replace几个，点回退，前面的没有，说明给你没压入栈，证实了；

改下前面实例：

学生信息列表

<ul>

<li v-for="(student,index) in students" :key="student.id">

  <router-link :to="`/menu2/subMenu3?id=${student.id}`">{{student.name}}</router-link>

  <button @click="pushShow(student.id)">push显示</button>

  <button @click="replaceShow(student.id)">replace显示</button>

</li>

</ul>

<button @click="$router.back()">回退</button>

<hr/>

<router-view></router-view>

methods:{

  pushShow(id){

this.$router.push(`/menu2/subMenu3?id=${id}`)

  },

  replaceShow(id){

this.$router.replace(`/menu2/subMenu3?id=${id}`)

  }

},