vue3.0中文文档

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