八、【Vue3】——组合式API（Composition API）

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

1. 拉开序幕的setup

组件中所用到的：数据、方法等等，均要配置在setup中，因此setup是所有Composition API（组合API） “ 表演的舞台 ”。具体方法学习与注意点请参考我以往两片文章：

初始setup

setup不得不说两个注意点

2. 响应式的ref和reactive函数

ref定义的一般是基本类型的响应式数据，reactive定义的一般是对象类型的响应式数据，以下两片文章详细介绍用法与响应式原理：

ref和reactive的用法

响应式原理

3. 计算属性与监视

监视watch有几个小坑，并且增加了watchEffect函数，更加智能化，具体请参考以下链接文章：

计算属性与监视

4. 生命周期函数

Vue3的生命周期钩子，除了可以通过像Vue2一样的配置项来实现外，还可以通过组合式API方式来实现。其中两个钩子方法名进行了变化和组合式API执行顺序请参考以下链接文档：

生命周期钩子

5. 自定义hook函数

类似于vue2.x中的mixin，并且可复用代码, 让setup中的逻辑更清楚易懂。