,vue-router使用心得

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 66 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Peng-tom/p/9825482.html

文章标签：

#javascript #ViewUI

本文探讨了Vue.js框架中两种主要的路由跳转方法：声明式路由跳转（使用<router-link>）和编程式路由跳转（通过this.$router.push或this.$router.replace）。文章详细解释了如何使用这两种方法，并展示了如何通过路由传递参数。

　　今天周末，趁着没事，自学了一下vue-router,对于vue的路由跳转，目前我遇到了router-link和this.$router.push(或者this.$router.replace)这种方式跳转，其实这两种跳转都是相同的跳转，前者是声明式跳转，后者是编程式跳转。

　1.　例如声明式路由跳转

tag=“div” 是将router-link这个标签渲染成div标签，to表示跳转的url路径，

再Router中配置路由，当接收到/recommend时，就会跳转到Recommen组件界面。

　　当声明式路由想要传入参数时，

转载于:https://www.cnblogs.com/Peng-tom/p/9825482.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30546933

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue 技术栈带你探究 vue-router 源码手写vue-router

超逸の学习技术博客

03-12

1347

现在开始逐步深入Vue 技术栈，想了想，技术栈专栏的主要内容包括： 1、Vue源码分析 2、手把手教保姆级撸代码 3、无惧面试，学以致用，继承创新 4、谈谈前端发展与学习心得 5、手写源码技术栈，附上详细注释 6、从源码中学习设计模式，一举两得 7、编程思想的提升及代码质量的提高 8、通过分析源码学习架构，看看优秀的框架 9、项目实战开发 10、面试准备，完善个人简历

Vue-router 路由详解多级路由

群峰之巅的博客

03-14

1万+

今天我来分享一下vue路由方面的心得体会。文章源码位置https://github.com/JustDoIt521/originCoding/tree/master/vue-router-base 使用的脚手架为Vue3.0，IDE为VSCode 首先引入vue路由 cnpm install vue-router --save-dev 然后我们在src目录下建立文件夹router,并...

参与评论您还未登录，请先登录后发表或查看评论

vue-router使用心得

weixin_33696106的博客

05-14

141

使用router传参时，代码是： this.$router.push(...) 或者 this.$parent.$router.push(...),组件获取传递的参数是保存在$route中，可以通过this.$route 或者this.$parent.$route获取转载于:https://juejin.im/post/5af8ed2b51882542857eb242...

手写vue-router（完结）

崔颢的博客

05-07

1167

文章目录一、location对象二、history对象1. 常见方法一、location对象 location对象含有很多的属性，其中我们此次使用到的是 hash，接下来我们需要熟悉一下hash的用法。 <a href="#/index">首页</a> <a href="#/app">app</a> <div id="app"><...

vue-router的使用心得

ZHXT__的博客

11-06

288

在实践过程中领悟的东西,才会记得更牢

vue-router使用总结

热门推荐

大灰狼的小绵羊哥哥的博客

08-01

1万+

想自己动手搭建一个 Discuz 论坛？试试腾讯云上实验室吧 https://cloud.tencent.com/developer/labs 原文链接：https://zhuanlan.zhihu.com/p/28156233 结合官方文档，简洁总结如何正确使用vue-router。 —— 由叶落77分享首先抛出这样一个问题，vue-router是用来做什么的？

关于vue-router得使用心得

asyAdmin的博客

08-12

339

好的，我们这里废话不多说，直接开始今天得vue-router得使用心得分享这篇文章我们不讲router得基本知识，我们讲再项目中怎么方便得使用vue-router. //首先这里先创建一个router.js文件，再router.js文件中引入vue以及vue-router import Vue from 'vue' import Router from 'vue-router' //接下来有两种...

Vue-router官方参考手册离线版

weixin_32999557的博客

08-06

354

在现代前端开发中，Vue Router是构建单页应用（SPA）不可或缺的组件。本章将为您介绍 Vue Router 的基本概念、其在项目中的作用以及如何设置基本的路由配置。我们将从理解 Vue Router 的重要性开始，逐步深入了解其背后的工作原理。组件懒加载是一种提升Web应用性能的技术，它允许将应用程序分割成多个小的块，然后按需加载这些块。在Vue Router中，这意味着只有当用户访问特定路由时，相应的组件才会被加载。

vue-router添加动态路由及无限刷新白屏和添加不生效问题_router(1)

2301_82244607的博客

04-29

1768

疯狂编程学习效果可视化写博客阅读优秀代码心态调整。

vue-router项目实战总结篇

11-28

今天来谈谈vue项目{vue,vue-router,component}三大神将之一的vue-router。作为我们前后端分离很重要的实践之一，...基本的用法就不多赘述，大家可以看vue-router的官网，认真过一遍的话，基本使用肯定没什么问题。 1

Vue-Router基础学习笔记(小结)

10-17

通过本文的阅读，读者能够理解并掌握Vue-Router的基本使用和一些高级配置技巧。首先，Vue-Router作为Vue.js的一个插件，需要先用npm或yarn进行安装。安装完成后，我们需要引入并注册vue-router到Vue实例中。在...

《Linux运维总结：Redis7.4.5哨兵集群开启ACL并配置用户》

东城绝神

09-12

559

《Linux运维总结：Redis7.4.5哨兵集群开启ACL并配置用户》

前后端开发Mock作用说明，mock.ts

循环编织时间年轮，递归叩问存在本质，谁能在硅基荒原上，种出思想的玫瑰……

09-12

407

mock.ts是前端开发中用于模拟后端接口的TypeScript文件，通过生成虚假数据使前端无需等待后端即可独立开发。它定义数据结构、模拟请求响应，并提供与真实接口一致的调用方式。示例展示了如何生成用户数据并模拟分页接口，使用vite-plugin-mock等工具实现。前端代码调用Mock接口与调用真实接口方式相同，待后端完成时只需替换接口地址即可平滑切换，实现了前后端并行开发。

JavaScript的功能和作用

2402_83164836的博客

09-10

503

JavaScript（简称 JS）是一种，最初设计用于为网页添加动态交互功能。经过多年发展，其应用场景已远超浏览器，成为覆盖前端、后端、移动端、桌面端甚至物联网等领域的“全场景语言”。

＜uniapp＞＜指针组件＞基于uniapp，编写一个自定义箭头指针组件

用沸腾的热血，支付我们的人生吧！

09-10

422

本文介绍了基于uniapp开发的自定义带箭头指针组件，通过SVG实现直线和箭头的组合效果。组件支持设置长度、颜色、角度等参数，并提供三种箭头规格(small/normal/big)可选。文章详细讲解了SVG结构的实现过程，包括计算终点坐标、响应式参数处理等核心功能，并展示了不同配置下的指针效果。该组件可用于时钟指针等场景，具有灵活性和复用性特点。

JavaScript经典面试题二（函数和作用域）

最新发布

weixin_43746297的博客

09-12

986

摘要：本文系统介绍了JavaScript中12个核心函数概念，包括闭包、作用域、函数绑定方法、高阶函数、箭头函数、生成器函数、防抖节流、递归、纯函数、函数重载和偏函数。重点解析了闭包的定义、实现原理及4种应用场景；详细对比了call/apply/bind三者的区别；深入探讨了箭头函数与普通函数的4个关键差异；分析了防抖节流的实现逻辑和应用场景；总结了递归的优缺点和使用建议；阐释了纯函数的定义和优势；说明了如何在JavaScript中模拟函数重载；介绍了偏函数的概念和实现方式。这些内容全面覆盖了JavaScr

Linux Node.js 安装及环境配置详细教程

csdn_aspnet的专栏，请点击博客主页右上角三个点中的私信联系

09-11

921

本文介绍了Node.js及其包管理工具npm的基本概念，并提供了详细的Linux环境安装配置指南。Node.js是基于Chrome V8引擎的JavaScript运行环境，使JavaScript能够用于服务端开发。npm是Node.js的包管理工具，类似于Maven，可自动处理依赖关系。文章详细讲解了从官网下载Node.js安装包到Linux服务器的步骤，包括解压、创建软连接、环境变量配置等操作，最后通过node -v和npm -v命令验证安装是否成功。该教程适用于需要在CentOS7系统上部署Node

redis zset 处理大规模数据分页

tqs_123456的博客

09-12

359

对 Redis ZSet 进行分片存储并实现分页查询是一项复杂的任务，需要仔细权衡。选择范围分片：如果你的数据经常按 score 范围查询，并且数据分布相对均匀或可预测。选择哈希分片：如果你需要均匀分布数据，并且可以接受应用层进行复杂聚合来支持全局有序分页。最佳实践提醒：尽量避免跨分片查询：设计分片策略时，应尽量让大多数查询落在单个或少数分片上。分片策略是关键：分片策略应基于你的数据访问模式。