Vue生命周期(详解)
作者:
陈大事_code | 来源:发表于
2019-06-12 16:25 被阅读0次

u=870570909,3275181928&fm=26&gp=0.jpg
-
beforeCreate:刚刚new Vue()之后,这个时候,数据还没有挂载呢,只是一个空壳
-
created:这个时候已经可以使用到数据,也可以更改数据,在这里更改数据不会触发updated函数
-
beforeMount:虚拟dom已经创建完成,马上就要渲染,在这里也可以更改数据,不会触发updated
-
mounted:组件已经出现在页面中,数据、真实dom都已经处理好了,事件都已经挂载好了
-
beforeUpdate:重新渲染之前触发(注:其中不可更改数据,否则会进入死循环)
-
updated:数据已经更改完成,dom也重新render完成(注:其中不可更改数据,否则会进入死循环)
-
beforeDestroy:销毁前执行(一般在这里善后:清除计时器、清除非指令绑定的事件等等)
-
destroyed:解除所有数据绑定、监听等。只剩dom空格。
本文标题:Vue生命周期(详解)
本文链接:https://www.haomeiwen.com/subject/bbwlfctx.html
网友评论