Aurora343

路由守卫顾名思义就是守卫当前跳转的路由，根据运行的生命周期，我们可以进行跳转以及取消等操作。常用的场景就是验证登录信息进行相应的路由跳转操作，也可以作为动态keepalive的一种实现方案。

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第13天，点击查看活动详情 动态路由 很多时候，我们需要将给定匹配模式的路由映射到同一个组件。例如，我们可能有一个 User 组件，

要想流畅的使用Vue3的单页面应用的能力，Vue Router的支持是必不可少的，二者可谓是缺一不可。当然，使用 vue router 也是非常简单的，我们只需要将我们的组件路径与路由列表建立一个映射

说起组合式API，我们第一时间想到的就是选项式API，我们通过声明选项的形式来编写vue组件。而组合式API就是一系列API的集合，我们可以通过使用不同的函数来编写组件。而它涵盖了哪些api呢？我们来

用过模板引用的朋友应该知道，想要通过组合API的形式获得，必须要要声明一个同名的ref：而还有一种很常见的场景是，我们需要为一个组件添加模板引用，并调用它暴露出的方法。就拿最常见的模态框组件来说吧，你

computed()的标注类型的也是可以通过自动计算其的返回值来推导出类型的。像我们开发中遇到的各种change、click以及input等等事件，我们也应该给其参数标注正确的类型。以input事件为

同样的，如果你使用的是`<script setup>`的形式，emit 函数的类型标注也有运行时声明和类型声明两种：

想要在vue中更加得心应手的使用TypeScript的话，熟知相应的标注类型是必不可少的，当你对这些常用的标注类型已经很熟悉的时候，你就可以体会到在键盘上风驰电掣的感觉了。

假设你对Vue和TypeScript都有一定的了解了，想要开始大刀阔斧的重构你的项目或者重新开发一个新项目时，有一些事情我们还是注意到的，尽管看起来不是很重要，但却是很基础的。正所谓，不积跬步无以至千