【问题标题】:Vue 3 what is the class-Based API, function-based API, Reactivity API and composition APIVue 3 什么是基于类的 API、基于函数的 API、反应性 API 和组合 API
【发布时间】:2020-08-01 17:55:52
【问题描述】:

当我开始使用 vue 3 时,我看到了这些概念:

  • 基于对象的 API
  • 基于函数的 API
  • 基于类的 API
  • 组合 API
  • 选项 API
  • 反应性 API

谁能告诉我们这些的定义?

2021 年更新

我添加了 Options API 和 Reactivity API

【问题讨论】:

    标签: vue.js vuejs2 vuejs3


    【解决方案1】:

    并不是主要文档提到 Options-based,也没有提到 Object-based,但即使在 Evan 的引用中,它们似乎也是可以互换的。

    基于选项的 API 是基于类的基于函数的 API 是组合 API

    Option-based vs Function-based 表达了我所说的如何区分 API 的理论模型。而 Class-basedComposition 区别于实现。

    基于选项/基于类的 API

    你有 vue1 和 vue2 使用的旧方式,叫做 class-based,也就是 Option-based API。

    命名意味着组件是由选项定义的。您可能会将选项视为datacomputedmethods 等...它们通过使用一组您重载的预定义选项来定义组件的工作方式。

    这种定义功能的方式的缺点是,实际的组件逻辑分布在各种“选项”之间,这使得从代码中理解组件的实际功能变得更加困难。

    基于函数的/组合 API

    Function 意味着我们正在声明组件的功能(而不是它正在使用功能组件)。组合 API 使代码更易于重用(因为您不需要将功能的各个方面与组件紧密耦合)并且更易于阅读和维护(因为您可以将功能封装在更小的专用单元中)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-02-11
      • 1970-01-01
      • 2021-07-11
      • 1970-01-01
      • 2021-01-14
      • 1970-01-01
      • 2021-10-05
      • 1970-01-01
      相关资源
      最近更新 更多