本文共 570 字,大约阅读时间需要 1 分钟。
生命周期的概念
从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件、这些事件统称为生命周期。
生命周期钩子
就是生命周期事件的别名
生命周期函数的分类
创建期间的生命周期函数
- beforeCreate:实例刚在内存中被创建出来,此时还没有初始化好data和methods属性
- created:实例已经在内存中创建完成,此时data和methods属性已经初始化好,可以被使用。但是还没有开始编译模板(指页面的DOM)
- beforeMount:已完成模板的编译,但是还没有挂载到页面中,此时无法操作DOM元素
- mounted:已经将编译好的模板,挂载到了页面指定的容器中显示,此时可以操作DOM元素
运行期间的生命周期函数
- beforeUpdate:状态更新之前执行此函数,此时data中的状态值是最新的,但是页面上显示的数据还是旧的。因为此时还没有开始重新渲染DOM节点
- updated:实例更新完毕之后调用此函数,此时data中的状态值和页面上显示的数据是一致的,均已完成更新。页面已重新渲染好
销毁期间的生命周期函数
- beforeDestroy:实例销毁之前调用,在这一步,实例依然完全可用
- destroyed:Vue实例销毁后调用。调用后,Vue实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁
转载地址:http://gmtii.baihongyu.com/