使用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
269
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端面试
相关文章
|
19天前
|
JavaScript
前端开发
API
Vue 3 中 v-model 与 Vue 2 中 v-model 的区别是什么？
总的来说，Vue 3 中的 `v-model` 在灵活性、与组合式 API 的结合、对自定义组件的支持等方面都有了明显的提升和改进，使其更适应现代前端开发的需求和趋势。但需要注意的是，在迁移过程中可能需要对一些代码进行调整和适配。
100
60
60
|
3月前
|
JavaScript
在 Vue 3 组件通信方式中，Provide / Inject 与 Vuex 的区别是什么？
在 Vue 3 组件通信方式中，Provide / Inject 与 Vuex 的区别是什么？
181
65
65
|
2月前
|
JavaScript
前端开发
开发者
Vue v-for 进阶指南：in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令，但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似，但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异，你将能够编写更加高效、简洁的 Vue.js 代码，灵活应对各种数据结构的遍历需求。
104
6
6
|
2月前
|
缓存
JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项，它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别，可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中，要根据具体情况灵活选择使用，以满足不同的需求。
29
2
2
|
6月前
|
JavaScript
编译器
API
|
5月前
|
JavaScript
Vue中ref创建_基本类型的响应式数据,在Vue2的年代，数据配在data里，Vue3的区别是不把响应数据写在data里，那个数据是响应式的用ref包一下，let name = ref(“张三“)
Vue中ref创建_基本类型的响应式数据,在Vue2的年代，数据配在data里，Vue3的区别是不把响应数据写在data里，那个数据是响应式的用ref包一下，let name = ref(“张三“)
34
0
0
|
5月前
|
前端开发
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
69
0
0
|
3月前
|
前端开发
JavaScript
开发者
|
2月前
|
缓存
JavaScript
Serverless
|
3月前
|
JavaScript
前端开发
API
Vue2与Vue3插槽使用的区别及案例
Vue 3在插槽功能上的改进，体现了其对开发体验的持续优化。通过简化API、加强动态特性和提升性能，Vue 3使得插槽的使用更加灵活和高效。这些改进不仅有助于减轻开发者的负担，还为组件之间的高级交互和内容复用打开了新的可能性。随着Vue生态系统的不断成熟，我们有理由相信，Vue将继续为前端开发提供强大且易用的工具。
72
3
3
热门文章
最新文章
1
VS Code书写vue项目配置 eslint+prettier 统一代码风格
2
VueJS && ReactJS 如何？听听别人怎么说。
3
基于element-plus实现vue3+ts后台管理系统的组件封装(只需传入配置对象，就可以渲染出一个页面(表单+表格))
4
vue3—使用element-plus表格导出excel表格（带图片）
5
将vue项目打包成电脑端应用.exe
6
Nestjs+Vue实现阿里云OSS服务端签名直传
7
vue之webpack打包原理和用法详解
8
中文代码示例之Vuejs入门教程(一)
9
基于Serverless函数计算FC一键搭建VUE3.0脚手架
10
浏览器垃圾回收机制与 Vue 项目内存泄漏分析
1
使用Vue.js构建交互式前端的技术探索
87
2
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
160
3
vue2升级到vue3的一些使用注意事项记录(四）
131
4
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
145
5
ruoyi-nbcio-plus基于vue3的flowable多租户机制
177
6
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
102
7
vue3中使用动态组件
101
8
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
140
9
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
72
10
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
119