vue3.0组合式API生命周期函数和选项式API的区别

vue3.0生命周期函数

在vue3.0中有 选项式API 和 组合式API ,两者的生命周期函数有些许不同。

请看下面图片

我们可以看到 setup函数(组合式api) 的生命周期里是没有beforeCreate 和 Create函数的,

因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的，所以不需要显式地定义它们。换句话说，在这些钩子中编写的任何代码都应该直接在 setup 函数中编写。

之后的变化就是在原本的生命周期钩子前面加上了 on,更语义化一点，

在setup函数中的生命周期钩子函数接受一个回调函数，当钩子被组件调用时将会被执行

// MyBook.vue

export default {
  setup() {
    // 实例被挂载后调用
    onMounted(() => {
      console.log('Component is mounted!')
    })
  }
}