为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【金秋打卡】第17天-vue3.0实现todolist

【金秋打卡】第17天-vue3.0实现todolist

2022.11.11 00:11 70浏览

第一模块

课程名称:vue3.0实现todolist

章节名称:

  • 4-4 介绍常用生命周期

讲师姓名:五月的夏天

第二模块

课程内容(概述)

1、讲解常用生命周期,onMountedonUnMounted如何使用,在什么场景下使用

第三模块

介绍

从开始创建、初始化数据、编译模板、挂载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(): 当捕获一个来自子孙组件的异常时激活钩子函数

第四模块

学习截图
图片描述
图片描述

点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
学生
手记
粉丝
1
获赞与收藏
0

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

51篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

151篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消