Vue3的 Composition API（一）

前言： 在options API中，存在许许多多的选项，如：data、methods、computed、watch等等。我们要完成某个逻辑，需要到各个部分去书写相关代码，造成逻辑代码非常分散，阅读代码时跳来跳去，可读性非常差，这时 Composition API 来了。

认识setup函数

setup函数也是 vue对象里的一个选项，之前写的data、computed都可以在setup函数找到对应的使用。

setup函数参数:

• props：父组件传递过来的属性，在组件内还是得和之前一样，在props选项中定义。因为setup中已经没有了 this 要想在 setup 内使用，就得 靠传值传入
• context:上下文，这是一个对象，对其进行解构：
  • attrs:父组件传过来的所有非prop的attribute。
  • slots:父组件传递过来的插槽。
  • emit:组件向父组件发出事件时用到。

组件内没有使用对应参数，可以不写。

setup函数的返回值：<