编程教育资源分享平台

网站首页 > 后端开发 正文

Vue从零开始(4)

luoriw 2024-01-31 12:29:58 后端开发 11 ℃ 0 评论

生命周期、钩子函数

每个 Vue 实例在被创建时都要经过一系列的初始化过程,

如需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等

在这个过程中,有一部分函数可以提供给用户添加代码处理的,称为生命周期钩子。


beforeCreate :初始化工作,可以加入 loading 事件

created:结束 loading 事件;访问到vm身上所有的属性和方法

beforeMount:可以发送数据请求,对数据进行最后修改;访问不到真实的DOM结构

mounted:获取 el 中 DOM 元素,进行 DOM 操作;

beforeUpdate:挂载完成之前访问现有 DOM ,也可以进一步修改数据

updated:可执行依赖于 DOM 的操作,会频发触发

beforeDestroy:可以继续访问到DOM结构以及data中的数据

destroyed :Vue实例指示的所有东西都会解绑,所有的事件监听器会被移除,所有的子实例也会被销毁。


生命周期函数

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言