Vue的生命周期
vue的生命周期分为以下8个阶段:
1、beforeCreate: 在实例初始化之后,数据观测(data observer)和event/watcher事件配置之前被调用。
2、created: 实例创建完成后被立即调用。这个阶段完成了数据观测和event/watcher事件的配置,但尚未开始DOM编译和挂载。
3、beforeMount: 在挂在开始之前被调用,相关的render函数首次被调用。
4、mounted: el被新创建的vm.el替换,并挂载到实例上去调用改钩子。此时实例的el和el属性均指向挂载的元素。
5、beforeUpdate: 数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。
6、updated:由于数据改变导致虚拟DOM重新渲染和打补丁后调用。
7、beforeDestory: 实例销毁之前被调用。此时实例仍然完成可用。
8、destoryed: 实例销毁后调用。此时所有的指令都已经解绑,所有的事件监听器都已经移除,所有的事件监听器都已经移除,所有的子实例也已经销毁。
1、beforeCreate: 在实例初始化之后,数据观测(data observer)和event/watcher事件配置之前被调用。
2、created: 实例创建完成后被立即调用。这个阶段完成了数据观测和event/watcher事件的配置,但尚未开始DOM编译和挂载。
3、beforeMount: 在挂在开始之前被调用,相关的render函数首次被调用。
4、mounted: el被新创建的vm.el替换,并挂载到实例上去调用改钩子。此时实例的el和el属性均指向挂载的元素。
5、beforeUpdate: 数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。
6、updated:由于数据改变导致虚拟DOM重新渲染和打补丁后调用。
7、beforeDestory: 实例销毁之前被调用。此时实例仍然完成可用。
8、destoryed: 实例销毁后调用。此时所有的指令都已经解绑,所有的事件监听器都已经移除,所有的事件监听器都已经移除,所有的子实例也已经销毁。
全部评论
相关推荐
05-06 14:46
河南科技大学 前端工程师 点赞 评论 收藏
分享
点赞 评论 收藏
分享
查看26道真题和解析 点赞 评论 收藏
分享
