![](https://img-blog.csdnimg.cn/c54d0224b10b4cc1abf6920ca9bbb9ff.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
【完结】手写 VueRouter 源码
文章平均质量分 87
本专栏对 VueRouter 核心知识点进行拆解,每篇文章聚焦一个知识点;手写简版 VueRouter 源码;
BraveWangDev
11年开发经验、全栈工程师;2023年更新计划已确定,希望能与大家共同进步;
展开
-
【手写 VueRouter 源码】第十篇 - 全局钩子函数的实现
本篇,介绍了全局钩子函数的实现,主要涉及以下内容:1,导航解析流程;2,路由钩子函数的使用和原理;3,路由钩子函数的实现;原创 2023-02-08 13:36:53 · 829 阅读 · 0 评论 -
【手写 VueRouter 源码】第九篇 - router-view 组件的实现
本篇,介绍了 `router-view` 组件的实现,主要涉及以下内容:1,函数式组件的介绍;2,router-view 组件的实现:1)获取渲染记录;2)标记 router-view 层级深度;3)根据深度进行 router-view 渲染;原创 2023-02-08 09:30:50 · 1173 阅读 · 0 评论 -
【手写 VueRouter 源码】第八篇 - $route、$router 与 router-link 组件的实现
本篇,介绍了`$route`、`$router` 与 `router-link` 组件的实现,主要涉及以下内容:1,定义原型方法 `$route` 和 `$router`;2,``组件的功能和实现;原创 2023-02-07 09:16:39 · 380 阅读 · 0 评论 -
【手写 VueRouter 源码】第七篇 - 路由变化触发视图更新
本篇,介绍了路由变化时视图更新的实现,主要涉及以下内容:1,更新当前路由的匹配结果;2,路由更新前的查重;3,路由的响应式实现;原创 2023-02-07 09:16:16 · 435 阅读 · 0 评论 -
【手写 VueRouter 源码】第六篇 - 路由匹配的实现
本篇,介绍路由匹配的实现,包括以下几个点:1,路由匹配的分析;2,路由匹配的实现:router.match、matcher.match、createRoute;原创 2023-02-06 11:30:16 · 597 阅读 · 0 评论 -
【手写 VueRouter 源码】第五篇 - 两种路由模式的设计
本篇,介绍了两种路由模式的设计及初始化操作,主要涉及以下几个点:1,创建两种路由模式类;2,父类和子类继承方法的设计;3,路由初始化 init 处理逻辑;原创 2023-02-06 11:28:07 · 497 阅读 · 1 评论 -
【手写 VueRouter 源码】第四篇 - 创建路由映射表
本篇,介绍了路由映射表的创建,主要包含以下内容:1,路由安装的初始化:init 方法;2,路由初始化:constructor 构造函数逻辑;3,创建路由匹配器:createMatcher;4,match方法 和 addRoutes方法的实现;原创 2023-02-05 15:21:30 · 697 阅读 · 1 评论 -
【手写 VueRouter 源码】第三篇 - 路由插件 install 的实现
本篇,介绍路由插件 install 的实现,主要包含以下内容:1,创建 vue-router 目录结构;2,插件引入入口 index.js 逻辑实现;3,插件安装入口 install.js 逻辑实现;4,为所有组件混入 router 实例;原创 2023-02-05 15:19:53 · 800 阅读 · 0 评论 -
【手写 VueRouter 源码】第二篇 - 路由的配置和使用
本篇,介绍了路由的配置和使用,主要包含以下内容:1,路由插件的安装、配置和使用;2,介绍了VueRouter主要功能,标签和属性;3,介绍了嵌套路由的使用和注意事项;原创 2023-02-04 22:51:03 · 1245 阅读 · 2 评论 -
【手写 VueRouter 源码】第一篇 - 环境搭建与路由模式介绍
本篇,环境搭建与路由模式介绍,主要涉及以下几个点:1,完成了 VueRouter 源码项目开发环境的搭建;2,介绍了 Hash 和 History 两种路由模式;原创 2023-02-04 22:49:59 · 582 阅读 · 0 评论