Vue路由
1.压栈：点击返回会返回上一个链接
使用history.pushState方法：这个pushState()是一个HTML5的新接口，你可能在一些科技博客如36kr上看到过，ajax加载新的文章，并且改变网址却不需要刷新页面，本站也用到了这个，当你在首页往下拉时，加载分页内容，网址也随着改变，有利于后退和增加用户体验
基本参数为 history.pushState(state, title, url);
其中state和title都可以为空，但是推荐不为空，应当创建state来配合popstate监听
2.替换：替换当前的url，没有返回
replaceState：替换
基本参数为history.replaceState(state, title, url);
3.back()和go() 注意:go后面的参数负数则后退几个url，正数则前进几个url, forward()是前进一个url
这三个接口等同于浏览器界面的前进后退
history.back()等价于history.go(-1);
hisory.forward()等价于history.go(1);
back 与go的区别：back只能退回上一个url，但go可以退回前几个或者前一个，更可以前进几个url
网友评论