Vue3选项式api和组合式api

1、选项 Option API

什么是选顶 API ：
在vue2x项目中使用（ data , methods . computed ,watch ）中定义属性和方法就是选项 API 写法。

①代码风格： data 选项写数据， methods 选项写函数，一个功能l逻辑的代码分散；
②优点：易于学习和使用，新手上手简单；
③缺点：代码组织性差，相似代码逻辑不好复用，逻辑复杂代码也不好阅读；
虽然提供了 mixins用来封装逻辑，但出现数据函数覆盖的概率大，不好维护。

2．组合 Compsition API .

什么是组合 API :

①代码风格：一个功能逻辑的代码组织在一起（包括数据，函数）;
②优点：功能逻辑复杂繁多情况下，各中功能逻辑代码在一起，便于阅读和维护。
③缺点：需要有良好的代码组织和的分逻辑能力；
在Vue3也可以支持选项 API 写法．

3、关系：

①组合式 API 的目的增强，不是取代选项式 API ;
②简单的场景使用选项式 API 更加简单方便；
③需要强烈支持 TS 的项目首选组合式 API ;
④需要大量逻辑复用的场景首选组合式 API ;