第一模块
课程名称:vue3.0实现todolist
章节名称:
- 4-4 介绍常用生命周期
讲师姓名:五月的夏天
第二模块
课程内容(概述)
1、讲解常用生命周期,onMounted
、onUnMounted
如何使用,在什么场景下使用
第三模块
介绍
从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程就是Vue
的生命周期。在Vue
的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js
方法,可以让我们用自己注册的js
方法控制整个大局,在这些事件响应方法中的this
直接指向的是vue的实例
Vue3
完整生命周期
setup() :开始创建组件之前,在beforeCreate和created之前执行。创建的是data和method
onBeforeMount() : 组件挂载到节点上之前执行的函数。
onMounted() : 组件挂载完成后执行的函数。常在此函数做数据请求、数据初始化操作
onBeforeUpdate(): 组件更新之前执行的函数。
onUpdated(): 组件更新完成之后执行的函数。
onBeforeUnmount(): 组件卸载之前执行的函数。
onUnmounted(): 组件卸载完成后执行的函数。常在此函数做定时器清除、闭包函数变量释放等
onActivated(): 被包含在中的组件,会多出两个生命周期钩子函数。被激活时执行。
onDeactivated(): 比如从 A 组件,切换到 B 组件,A 组件消失时执行。
onErrorCaptured(): 当捕获一个来自子孙组件的异常时激活钩子函数
第四模块
学习截图