vue.js - 何时使用 Vue Composition API 的 setup() 钩子(Hook)

Question

作为composition api Vue 已移植到 current version, v2 ，显然我们可以在新版本发布之前开始使用它。

这些示例通常具有新引入的 setup()钩，它被描绘成 alone和或连同基本 JS functions .

乍一看还以为只是初始化的地方无功数据，我会问:在什么情况下应该使用它。

但是，当您深入挖掘时，似乎没有它就无法实现组合 API。那么，那个钩子(Hook)是怎么回事？它可以和 data 一起使用吗？ , methods , computed等领域之外呢？

Answer 1

组合 API 确实是与以前做同样事情的另一种方式。主要是:

data 中的本地状态替换为对 reactive 的调用.

Hook mounted , beforeDestroy等被 onMounted 的订阅所取代, onUnmounted等

watch 中的声明替换为对 watch 的调用.

computed属性被替换为调用 computed在传递给 reactive 的对象中.

setup函数返回一个对象，该对象包含所有必须从 setup 函数外部(尤其是模板)可以访问的东西的组合。此功能取代了旧的 methods .

I'd ask sth like: in what cases should it be used.

什么都没有被弃用，所以你现在有两种方法来做同样的事情，如果你愿意，没有什么能阻止你混合。除了组合 API 之外，没有什么比旧方法更好的了。而一旦你采用它，你将彻底抛弃旧的做事方式。

另见: The motivation of the Vue's creator .