写点什么

vue-router

0 人感兴趣 · 16 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/f9/f943ac5676fa4864d21c6db36fb1836f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

vue-router 如何实现支持外部链接

用户头像
Five
2022-08-05

vue项目中 不少场景会遇到外部链接的情况 vue-router官方 提供了扩展RouterLink 的方式 封装成一个组件AppLink.vue. 但是这种扩展方案 存在以下问题

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第十篇 - 全局钩子函数的实现

用户头像
Brave
2021-09-12

本篇,介绍了全局钩子函数的实现,主要涉及以下内容:导航解析流程;路由钩子函数的使用和原理;路由钩子函数的实现;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第九篇 - router-view 组件的实现

用户头像
Brave
2021-09-11

本篇介绍了router-view组件的实现,主要涉及以下内容:函数式组件的介绍;router-view 组件的实现:获取渲染记录;标记 router-view 层级深度;router-view渲染;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第八篇 - $route、$router 与 router-link 组件的实现

用户头像
Brave
2021-09-10

介绍了`$route`、`$router` 与 `router-link` 组件的实现,主要涉及以下内容:定义原型方法$route和$router;router-link 组件的功能与实现;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第七篇 - 路由变化触发视图更新

用户头像
Brave
2021-09-09

本篇,介绍了路由变化时视图更新的实现,主要涉及以下内容:更新当前路由的匹配结果;路由更新前的查重;路由的响应式实现;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第六篇 - 路由匹配的实现

用户头像
Brave
2021-09-08

【VueRouter 源码学习】第六篇 - 路由匹配的实现:- 路由匹配的分析;路由匹配的实现:router.match、matcher.match、createRoute;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第五篇 - 两种路由模式的设计

用户头像
Brave
2021-09-07

【VueRouter 源码学习】第五篇 - 两种路由模式的设计及初始化操作,主要涉及以下几个点:创建两种路由模式类;父类和子类继承方法的设计;路由初始化 init 处理逻辑;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第四篇 - 创建路由映射表

用户头像
Brave
2021-09-06

创建路由映射表:路由安装的初始化:init 方法;路由初始化:constructor 构造函数逻辑;创建路由匹配器:createMatcher;- match方法 和 addRoutes方法的实现;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第三篇 - 路由插件 install 的实现

用户头像
Brave
2021-09-05

路由插件 install 的实现:创建 vue-router 目录结构;插件引入入口 index.js 逻辑实现;插件安装入口 install.js 逻辑实现;为所有组件混入 router 实例;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第二篇 - 路由的配置和使用

用户头像
Brave
2021-09-04

【VueRouter 源码学习】第二篇 - 路由的配置和使用:路由插件的安装、配置和使用;介绍了VueRouter主要功能,标签和属性;介绍了嵌套路由的使用和注意事项;

https://static001.geekbang.org/infoq/c5/c53082c693b9411c63e854a37ba6cb61.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【VueRouter 源码学习】第一篇 - 环境搭建与路由模式介绍

用户头像
Brave
2021-09-03

【VueRouter 源码学习】第一篇 - 环境搭建与路由模式介绍:完成了 VueRouter 源码项目开发环境的搭建;介绍了 Hash 和 History 两种路由模式;

vue keep-alive(1):vue router 如何保证页面回退页面不刷新?

用户头像
zhoulujun
2021-06-30

从a页面跳到b页面进行编辑,编辑完再返回a页面,却没走a页面的钩子函数mounted,数据没有更新。解决这个问题的关键就在于对keep-alive的理解和activated钩子函数的使用。

一文你带快速认识 Vue-Router 路由

​​摘要:VueRouter是Vue.js 官方的路由管理器。它和Vue.js的核心深度集成,可以非常方便的用于SPA应用程序的开发。

https://static001.geekbang.org/infoq/bc/bc1c7606373299ca73c5a0461e467bdb.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

VueRouter 源码解读:三大核心模块构成

用户头像
梁龙先森
2021-04-15

以数据模型的角度理解VueRouter框架解决问题思路。

https://static001.geekbang.org/infoq/9a/9aea10161fbd4e75e506d71d1f774fd5.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

关于 Vue 权限路由思考

用户头像
程序员海军
2021-03-29

年前完工了做了半年的铁路后台管理系统,系统整体业务比较复杂,这也是我到公司从 0 到 1 的 一个完整系统实践,做这个系统过程中踩了不少坑,也学到了很多。做完这个系统没多久,紧接着又一个系统来了,没及时总结,惭愧哈!其实我们在做的后台管理系统大多

https://static001.geekbang.org/infoq/96/96ab20cf772e65562fb7f9f0c9607d68.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

vue-router 容易被忽视的几个地方

用户头像
꯭🇫꯭
2020-05-29

本文适用于对 Vue.js 和 vue-router 有一定程度了解的开发者,除特殊说明,vue-router 版本为 3.0.2

vue-router_vue-router技术文章_InfoQ写作社区