Vue3选项式api和组合式api
- 1、选项 Option API
- 2.组合 Compsition API .
- 3、关系:
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 ;