前端面试题

vue路由跳转方式及其区别

一、router-link

<router-link :to="{name:"home"}">

<router-link :to="{path:"/home"}"> // name,path都行 建议name

二、编程式导航 this.$router.push()

三、this.router.replace()

四、this.router.go(n) -- 向前或者向后跳转n个页面 n为正整数或者负整数

 

区别 ：

（1）push  指定路径跳转，并在history栈中添加一个记录，点击后退会返回到上一个页面

（2）replace  指定路径跳转，并在history栈不会有记录，点击后退会返回到上上个页面 （直接替换了当前页面）

（3）向前或者向后跳转n个页面 n为正整数或者负整数