使用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
259
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端面试
相关文章
|
2月前
|
JavaScript
在 Vue 3 组件通信方式中，Provide / Inject 与 Vuex 的区别是什么？
在 Vue 3 组件通信方式中，Provide / Inject 与 Vuex 的区别是什么？
129
65
65
|
24天前
|
JavaScript
前端开发
开发者
Vue v-for 进阶指南：in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令，但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似，但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异，你将能够编写更加高效、简洁的 Vue.js 代码，灵活应对各种数据结构的遍历需求。
82
6
6
|
21天前
|
缓存
JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项，它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别，可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中，要根据具体情况灵活选择使用，以满足不同的需求。
16
2
2
|
23天前
|
JavaScript
前端开发
|
5月前
|
JavaScript
编译器
API
|
4月前
|
JavaScript
Vue中ref创建_基本类型的响应式数据,在Vue2的年代，数据配在data里，Vue3的区别是不把响应数据写在data里，那个数据是响应式的用ref包一下，let name = ref(“张三“)
Vue中ref创建_基本类型的响应式数据,在Vue2的年代，数据配在data里，Vue3的区别是不把响应数据写在data里，那个数据是响应式的用ref包一下，let name = ref(“张三“)
32
0
0
|
4月前
|
前端开发
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
58
0
0
|
2月前
|
前端开发
JavaScript
开发者
|
24天前
|
缓存
JavaScript
Serverless
|
2月前
|
JavaScript
前端开发
API
Vue2与Vue3插槽使用的区别及案例
Vue 3在插槽功能上的改进，体现了其对开发体验的持续优化。通过简化API、加强动态特性和提升性能，Vue 3使得插槽的使用更加灵活和高效。这些改进不仅有助于减轻开发者的负担，还为组件之间的高级交互和内容复用打开了新的可能性。随着Vue生态系统的不断成熟，我们有理由相信，Vue将继续为前端开发提供强大且易用的工具。
60
3
3
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
Chrome插件vue-devtools是如何把VSCode中对应的组件文件打开的
3
vue基于 input 实现密码的显示与隐藏功能
4
VUE element-ui 之table表格勾选复选框动态带出（将某列的值赋值给指定列）对应列的数据
5
Vue 报错Failed to mount component: template or render function not defined
6
自制简单的range（Vue）
7
Vue 3和Element组件库的分页功能实现
8
Vue $watch监听对象属性，数组内对象属性改变
9
一文梳理Vue3核心原理
10
vite原理之解析.vue文件