vue钩子函数_迎接Vue3.0系列 | 如何在Vue3中使用生命周期钩子函数

背景：4月16日，Vue 开发团队终于在今天发布了 3.0-beta.1 版本，也就是测试版。通常来说，从测试版到正式版，只会修复 bug，不会引入新功能，或者删改老功能。所以，如果你对新版本非常感兴趣，或者有新项目即将上马，不妨尝试一下新版本。

这是迎接Vue3.0系列文章的第三篇：

• 迎接Vue3.0 | 在Vue2与Vue3中构建相同的组件
• 准备迎接Vue3，使用Vue Composition API生成干净可扩展的表单

---

Vue2和Vue3中的生命周期钩子函数非常相似——我们仍然可以访问相同的钩子函数，并且我们仍然可以将它们用于相同的案例。

但是，随着 Composition API 的引入，我们访问这些钩子函数的方式已经改变，可以说是内涵不变，只是变了外表。

本文将告诉你Vue3中使用生命周期钩子函数的新方法，如果你已经有Vue的经验，那么这将是一个非常容易的切换，只需导入钩子函数并将它们包括在 setup 方法中即可。

什么是Composition API？

Composition API 附带了一个 setup() 方法，此方法封装了我们的大多数组件代码，并处理了响应式