组合式API

先了解下什么是vue3组合式api?

在使用构建工具开发 Vue 项目时，会创建.vue后缀结尾的文件，它被称为单文件组件，

Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API

通过data created mounted methods computed等生命周期及组件选项来进行我们的业务逻辑编写，

如果我们的业务逻辑较为单一整页代码行数不超过200行，这种方式比较适合也便于阅读和理解。

但是！但凡单个组件涉及的的功能过多，代码行数成千上万，Options Api这种模式就是噩梦

如果能把相关的代码逻辑集中管理起来是不是就会好很多，这个问题呢尤大已经帮我们考虑到了，

就有了现在大家看到的组合式API，也就是平常说的setup或者说composition API

setup

setup是一个专门用于组合式 API 的特殊钩子函数。

接收 props 和 context 作为参数，返回对象

setup(props,context){

return { ... }

}

作为组件内使用Composition API的入口点, 它会在beforeCreate钩子之前调用。