(十一)生命周期钩子

老怪兽2022年11月9日
  • VueCompositonApi
  • Vue3
小于 1 分钟

生命周期钩子

说明

compositionApi 生命周期钩子变成了函数的形式,在 setup 中直接使用,这些生命周期钩子,都接收一个回调函数作为参数,我们的业务逻辑在回调函数中编写;与 optionsApi 中不同的是,compositionApi 中的所有生命周期钩子都加上了 on; 同时需要注意的是,在 compositionApi 中没有 beforeCreatecreate 生命周期钩子, 因为 setup 本来就是在这两个生命周期中执行的,所以在这两个生命周期中的业务逻辑直接在 setup 中编写就可以了

setup{
    onMounted( () => {
        // 业务逻辑代码
    })
}

具体的生命周期钩子对应关系,请参考这两张表

Loading...