对于想要使用vue的人来说,弄清楚生命周期显得至关重要。
百度上说生命周期就是指一个对象的生老病死,在vue中,也就是从vue对象的
实例化开始,到获取DOM,绑定DOM,直至删除的一个过程。
在vue中,生命周期的实质就是对应的钩子函数,当理解了这些函数,生命周期也就
有了一定程度的理解。在vue2.0版本后,钩子函数增加到了8个。
1.beforeCreate 在实例创建之前,data数据访问不到
2.created 在实例创建之后,data数据能访问到,且能修改data数据,修改数据
不能触发updated,beforeUpdate函数(往下看),获取不到最终渲染完成的DOM
3.beforeMounr 在挂载前,可以访问data数据,可以修改数据,编译模板已经结束,
修改数据不会触发Updated 、beforeUpdate钩子函数
4.mounted 在挂载后,真实的DOM节点已经渲染到页面,可以操作渲染后的DOM,可以访问
和更改数据,改数据会触发Updated 、beforeUpdate钩子函数
5.beforeUpdate mounted修改数据之前调用(但是mounted修改了数据后才会触发)
6.Updated mounted修改数据之后调用
7.beforeDestroy 实例卸载之前被调用(但是卸载后才会被触发),可以清理一些资源,防止内存泄漏
8.destroyed 实例卸载之后被调用

posted on 2020-07-20 19:59  94Lucky  阅读(210)  评论(0编辑  收藏  举报