YIFEI

路由基本使用、多级路由和命名路由、路由传参（、replace和push属性编程式路由导航、缓存路由组件、两个新的生命周期钩子、路由守卫、路由器的两种工作模式

Vue3更新了一些新的组件比较有亮点`Fragment`、`Teleport`、`Suspense`，还有一些其他变化。下面具体分析下如何炫酷的使用。

Vue3中逻辑编码主要靠各种组合式API来实现的，这片主要列出编程中会经常使用到的API并进行分析，当然一些主要的API在以往章节详细介绍过的，可通过链接去学习。

自定义`hook`函数类似与封装一个可复用的组件，只不过它是一个函数，封装的是一个可复用的函数功能，与Vue2中的`mixin`类似。下面通过一个例子就可以很好理解它了

Vue3生命周期与Vue2基本相同，都可以通过配置项去使用生命周期钩子，但流程设计上有了一些区别，一些钩子名称发生了变化，并且Vue3可以通过组合式API形式去使用生命组件钩子，下面与小编一起探讨一下

Vue3中的计算属性computed和监视watch与Vue2中的配置功能一致，但监视watch在用的时候却存在两个小坑，而且Vue3出现了watchEffect函数，能够更智能化去监视一个对象

在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数

Vue2实现响应式原理使用的是Object.defineProperty()对对象中某个属性的读取、修改进行拦截，存在新增和删除缺陷。而Vue3实现响应式原理使用的是Proxy代理，拦截对象中任意属性

Vue3中实现数据响应式，用到的是组合式API中的`ref`和`reactive`函数，不同的是`ref`函数一般定义基本类型数据，而`reactive`函数用于定义一个对象类型的响应式数据