AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

前端面试题 Vue路由跳转的四种方式

2022-10-18 213
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 前端面试题 Vue路由跳转的四种方式

1. router-link


2. this.$router.push( (函数里面调用)


3. this.Srouter.replace() (用法同push)


4. this.$router.go(n)


.区别:


router-link 跳转前提是在router.js 中配置了要跳转到目的的 to是要跳转要地方

2021071622380471.png


this.$router.push跳转到指定url路径，并想history栈中添加一个记录，点击后退会返回到上一个页面

20210716223954214.png


this.$router.replace跳转到指定url路径，但是history栈中不会有记录，点击返回会跳转到上个页面(就是直接替换了当前页面)

20210716224302801.png


this.$router.go(n)向前或者向后跳转n个页面，n可为正整数或负整数


当n为0时就是强制刷新页面


文章标签：
JavaScript
前端开发
关键词：
前端路由
前端vue
前端面试
VUE.js前端
VUE.js路由
26fgfyxgmott4
目录
相关文章
一缕微风绕指柔
|
1月前
|
前端开发 JavaScript 开发者
React与Vue：前端框架的巅峰对决与选择策略
【10月更文挑战第23天】React与Vue：前端框架的巅峰对决与选择策略
一缕微风绕指柔
54 3
一缕微风绕指柔
|
1月前
|
前端开发 JavaScript 数据管理
React与Vue：两大前端框架的较量与选择策略
【10月更文挑战第23天】React与Vue：两大前端框架的较量与选择策略
一缕微风绕指柔
54 2
东方睿赢
|
2月前
|
资源调度 JavaScript 前端开发
路由管理：Vue Router的使用和配置技巧
【10月更文挑战第21天】路由管理：Vue Router的使用和配置技巧
东方睿赢
44 3
大树营养快线
|
25天前
|
JavaScript 前端开发 搜索推荐
Vue的数据驱动视图与其他前端框架的数据驱动方式有何不同？
总的来说，Vue 的数据驱动视图在诸多方面展现出独特的优势，其与其他前端框架的数据驱动方式的不同之处主要体现在绑定方式、性能表现、触发机制、组件化结合、灵活性、语法表达以及与后端数据交互等方面。这些差异使得 Vue 在前端开发领域具有独特的地位和价值。
大树营养快线
24 0
想飞的雪糕
|
2月前
|
JavaScript 前端开发 算法
前端优化之超大数组更新：深入分析Vue/React/Svelte的更新渲染策略
本文对比了 Vue、React 和 Svelte 在数组渲染方面的实现方式和优缺点，探讨了它们与直接操作 DOM 的差异及 Web Components 的实现方式。Vue 通过响应式系统自动管理数据变化，React 利用虚拟 DOM 和 `diffing` 算法优化更新，Svelte 通过编译时优化提升性能。文章还介绍了数组更新的优化策略，如使用 `key`、分片渲染、虚拟滚动等，帮助开发者在处理大型数组时提升性能。总结指出，选择合适的框架应根据项目复杂度和性能需求来决定。
想飞的雪糕
59 2
邹荣乐
|
2月前
|
前端开发 JavaScript 安全
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
邹荣乐
141 4
大树营养快线
|
2月前
|
JavaScript API
vue 批量自动引入并注册组件或路由等等
【10月更文挑战第12天】 vue 批量自动引入并注册组件或路由等等
大树营养快线
34 2
一缕微风绕指柔
|
1月前
|
前端开发 JavaScript 开发者
React与Vue：前端框架的巅峰对决与选择策略
【10月更文挑战第23天】 React与Vue：前端框架的巅峰对决与选择策略
一缕微风绕指柔
25 0
土木林森
|
1月前
|
JavaScript UED
"Vue实战技巧大揭秘：一招解决路由跳转页面不回顶部难题，让你的单页面应用用户体验飙升！"
【10月更文挑战第23天】在Vue单页面应用中，点击路由跳转时，默认情况下页面不会自动滚动到顶部，这可能影响用户体验。本文通过一个新闻网站的案例，介绍了如何使用Vue-router的全局前置守卫和`scrollBehavior`方法，实现路由跳转时页面自动滚动到顶部的功能，提升用户浏览体验。
土木林森
77 0
想飞的雪糕
|
2月前
|
前端开发 JavaScript API
2025年前端框架是该选vue还是react？有了大模型-例如通义灵码辅助编码，就不用纠结了！vue用的多选react，react用的多选vue
本文比较了Vue和React两大前端框架，从状态管理、数据流、依赖注入、组件管理等方面进行了详细对比。当前版本和下载量数据显示React更为流行，但Vue在国内用户量增长迅速。Vue 3通过组合式API提供了更灵活的状态管理和组件逻辑复用，适合中小型项目；React则更适合大型项目和复杂交互逻辑。文章还给出了选型建议，强调了多框架学习的重要性，认为技术问题已不再是选型的关键，熟悉各框架的最佳实践更为重要。
想飞的雪糕
86 0

热门文章

最新文章

  • 1
    前端分页插件pagination
  • 2
    [前端]jekyll+markdown+github搭建个人博客
  • 3
    未读消息（小红点），前端与 RabbitMQ实时消息推送实践，贼简单~
  • 4
    购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端，以及前后端Session
  • 5
    前端 时间个性化 插件 jquery.timeago.js
  • 6
    前端安全：Vue应用中防范XSS和CSRF攻击
  • 7
    合格前端系列第四弹-如何监听一个数组的变化
  • 8
    微前端之IceStark介绍和基础使用
  • 9
    你用过的网站前端优化的技术有哪些？
  • 10
    wordpress页面前端添加编辑按钮
  • 1
    使用Vue.js构建交互式前端的技术探索
    87
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    161
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    131
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    147
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    177
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    103
  • 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的升级修改
    120

    • 相关课程

    更多
  • 网站性能前端监控课程
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置
    • 下一篇
    fs.oss.accessKeyId和fs.oss.accessKeySecret。