使用location.href='/url'来跳转，简单方便，但是刷新了页面；
使用history.pushState('/url')，无刷新页面，静态跳转；
引进router，然后使用router.push('/url')来跳转，使用了diff算法，实现了按需加载，减少了dom的消耗。
其实使用router跳转和使用history.pushState()没什么差别的，因为vue-router就是用了history.pushState()，尤其是在history模式下。
Vue-router跳转和location.href有什么区别
2023-02-10
205
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端面试
相关文章
|
1月前
|
JavaScript
|
1月前
|
缓存
JavaScript
API
|
1月前
|
JavaScript
|
1月前
|
JavaScript
算法
API
|
11天前
|
JavaScript
编译器
API
|
30天前
|
JavaScript
网络架构
开发者
|
1月前
|
移动开发
JavaScript
前端开发
uni-app和Vue.js二者之间有什么区别？
1. uni-app是一个使用Vue.js开发所有前端应用的框架，支持一次编译多端运行。开发者编写的基础代码只需进行一次编写，就可以发布到多个平台，包括App、H5、微信小程序等。
2. Vue.js是一个渐进式JavaScript框架，用于构建用户界面。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。
14
0
0
|
1月前
|
缓存
JavaScript
开发者
|
1月前
|
JavaScript
API
开发者
|
1月前
|
缓存
JavaScript
热门文章
最新文章
1
Vue+Django+MySQL搭建指南（个人全栈快速开发）
2
Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战
3
解决VUE3中动态路由参数变化页面不刷新的问题
4
vue 路由demo
5
Vue 3.3 + Vite 4.3 + TypeScript 5+ Element-Plus：从零到一构建企业级后台管理系统（前后端开源）（一）
6
Vue.js 事件处理器 v-on
7
Vue3】vite打包报错：块的大小超过限制，Some chunks are larger than 500kb after minification
8
【踩坑记录】Vuex中更改state的数据但是Vue中没有做出改变
9
vue router 4 源码篇：路由诞生——createRouter原理探索
10
【安装指南】VSCode搭建运行Vue的详细教程
1
在vue中，怎样理解 Vue 的单向数据流？
33
2
在vue中，Class 与 Style 如何动态绑定？
18
3
在vue中，v-show 与 v-if 有什么区别？
27
4
在vue中，如何实现SPA单页面应用的路由管理？
31
5
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
49
6
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
108
7
Vue中el与data的两种写法
21
8
Vue之数据绑定
18
9
使用Vue.js、Vuetify和Netlify构建现代化的响应式网站
53
10
初识Vue 输出Hello World 及注意事项
28