[Vue3.x]知识图谱

Vue Composition API

  1. 「setup」

  2. Reactivity APIs

    1. 「reactive」

    2. 「ref」

    3. 「computed」

    4. 「readonly」

    5. 「watchEffect」

    6. 「watch」

  3. 「Lifecycle Hooks」

  4. 「Dependency Injection」

  5. 「Template Refs」

  6. 「Reactivity Utilities」

  7. 「Advanced Reactivity APIs」

Q: 为什么选择 Composition API
A: vue2.x采用 options API 方式, 按选项类型将代码分组(例如: data, computed, methods, watch), 这种碎片化的分组方式, 使我们难以理解和维护复杂的组件.当单独处理单个逻辑问题时,我们必须不断跳转到不同位置.

生命周期图

image.png

Copyright: 采用 知识共享署名4.0 国际许可协议进行许可

Links: https://demongao.com/2020/09/vue3x知识图谱

Buy me a cup of coffee ☕.