合集-手写VueRouter

摘要:前言 本文是手写Vue-Router的第一篇,主要是对Vue-Router的知识储备,为后面的手写做准备。 那么 VueRouter 怎么实现呢?要想实现 VueRouter,首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么?VueRout 阅读全文
posted @ 2023-11-18 21:04 BNTang 阅读(403) 评论(4) 推荐(3) 编辑
摘要:前言 好了经过上一篇的学习,我们已经知道了如何监听 Hash 的变化,如何监听路径的一个变化,本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢,在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou 阅读全文
posted @ 2023-11-20 23:42 BNTang 阅读(166) 评论(0) 推荐(0) 编辑
摘要:前言 经过上一节课的学习,我们已经完成了提取我们想要的路由信息数据格式,提取完毕了之后,接下来我们该干什么,接下来需要做的步骤就是监听路由的变化,保存当前的路由。 那么就会遇到几个问题,就是怎么监听,怎么保存,我们先回到 VueRouter 的官方文档,点击右上角的 API 参考,然后拖动到底部,在 阅读全文
posted @ 2023-11-21 23:32 BNTang 阅读(456) 评论(0) 推荐(1) 编辑
摘要:前言 经过上一篇文章的介绍,完成了初始化路由相关信息的内容,接下来我们需要将路由信息挂载到Vue实例上,这样我们就可以在Vue实例中使用路由信息了。 简而言之就是给每一个Vue实例添加一个$router属性,这个属性就是我们在上一篇文章中创建的VueRouter实例。 实现思路 我们需要在Vue实例 阅读全文
posted @ 2023-11-23 00:01 BNTang 阅读(368) 评论(0) 推荐(2) 编辑
摘要:前言 在上一篇 [手撕Vue-Router-添加全局router]Vuerouter 属性,这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节,我们将实现一个 router-link 组件,这个组件可以实现点击跳转到指定的路 阅读全文
posted @ 2023-11-29 23:58 BNTang 阅读(224) 评论(0) 推荐(1) 编辑
摘要:前言 在上一篇 [手撕Vue-Router-实现router-link] 中,我们实现了 router-link 组件,这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界,同一个梦想的,那么我就废话不多说了,直接上代码。 阅读全文
posted @ 2023-11-30 01:06 BNTang 阅读(204) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示