Aiysosis

在使用Vue的路由时，路由守卫是一个非常方便的功能，开发者可以很方便地在其中进行一些拦截、鉴权相关操作。本文在React中封装并实现了类似的功能。

本文就将基于《Vue.js 设计与实现》这本书的讲解，梳理runtime的基本概念&逻辑架构，这样在深入源码的时候才能够更加地游刃有余。

从这里开始正式开始mini-vue的编写。原课程的代码中是没有Ts类型注解的，在我编写的过程中会尽量地加入类型声明和类型注解，也算是对Ts类型系统学习成果的检验。

本文主要用于TS项目的快速初始化，使用yarn作为包管理器，使用Vitest代替Jest，因为Vitest提供了对TS的原生支持，不需要配置babel，且语法与Jest保持一致，具有比较小的迁移成本。

要进行vue源码的学习，最好首先了解vue的主要运行原理和模块之间的关系，这样在阅读源码的时候才可以更好地理解，本文将从一个简单的例子开始，渐进式地实现响应性。