对 Composition API 的个人理解

• 首先 对比 Composition API 和 Options API, 在vue3 中 beforeDestory 和 destoryed 两个销毁组件的生命周期，更新成了 beforeUnmount 和 unmounted 写法；

• 同时 setup 函数 间接性的替换了 options API 中的创建前的生命周期，也就是 beforeCreate,created；

• ES6 Module 的方式按需引入，更加的符合 开发规范，也便于更加直接的类型推导；

• setup 是一个类似生命周期的语法，只执行一次，对比 react hooks 则不然，它需要执行多次，也无需 useMemo useCallback;

• 使用 ref , toRef, toRefs 的方式处理响应式数据

• ref：用于创建一个值类型的响应式数据，除了在模板中和 reactive 中，其他地方都需要使用 .value 操作；

• toRef: 把一个用reactive 声明的响应式对象，中的其中某个属性单独拿出来做处理和操作；

• toRefs:把一个用 reactive 生命的响应式对象，类似于结构的方式 return 出去，并且导出的对象具有响应式；

• Composition API 属于高级用法，并不是使用 vue3后就必须要使用的功能，而是根据项目的复杂度来权衡使用 Composition API 还是 Options API;

以上是个人对 Composition API 的大致理解，如有不对的地方，望各位大佬指出，也希望大家工作顺利。