Vue.js 组合 API 中的 `created()` 相当于什么？

Question

您能否建议一下，新的 Vue 组合 API 中的

created()

相当于什么，我在 Vue2 中使用它，如下所示：

import { reactive, toRefs } from '@vue/composition-api'

Answer 1

来自 Lifecycle Hooks 上的 Composition API 文档：

因为

setup

围绕

beforeCreate

和

created

生命周期钩子运行，所以您不需要显式定义它们。换句话说，在这些钩子中编写的任何代码都应该直接在

setup

函数中编写。

您可以在

created

钩子中完成的任何操作都可以在

setup

中完成。

有趣的额外信息：请注意，组合 API 的主要目标之一是将 Vue 2 的

data

和

created

选项组合到单个函数中，以便更好地控制如何定义

data

。例如，现在可以轻松地从外部源导入它，并在发送到模板之前通过语句对其进行操作。

Answer 2

为了帮助社区，可以这样使用created()方法。 希望这有帮助:)

<script>
import TenantsAPI from "@/api/tenants";

export default {  
    setup() {
        const tenantsAPI = new TenantsAPI(); //compositon api
    };
}


//options api
//async created(){
//    this.tenantsAPI = new TenantsAPI();
//}
</script>