vue路由切换和用location切换url的区别

最近的业务涉及到了axios的拦截器，要在request.js里面要根据状态码来跳转页面，这时候我就面对了几种跳转选择：1、使用location.href='/url'来跳转，简单方便，但是刷新了页面。2、使用history.pushState('/url')，无刷新页面，静态跳转。3、引进router，然后使用router.push('/url')来跳转，使用了diff算法，实现了按...

weixin_30512089

4490人浏览 · 2019-05-21 15:30:00

weixin_30512089 · 2019-05-21 15:30:00 发布

最近的业务涉及到了axios的拦截器，要在request.js里面要根据状态码来跳转页面，这时候我就面对了几种跳转选择：

1、使用location.href='/url'来跳转，简单方便，但是刷新了页面。

2、使用history.pushState('/url')，无刷新页面，静态跳转。

3、引进router，然后使用router.push('/url')来跳转，使用了diff算法，实现了按需加载，减少了dom的消耗。

其实使用router跳转和使用history.pushState()没什么差别的，因为vue-router就是用了history.pushState()，尤其是在history模式下。

转载于:https://www.cnblogs.com/caoshufang/p/10900081.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^