Vue生命周期
vue生命周期
过程 | 钩子函数 |
---|---|
==Vue()== | 初始化实例,创建新的实例 |
==Init Events & lifecycle== | 初始化所有的监听事件+生命周期钩子,初始化所有的数据观测和加载相应的事件 |
==beforeCreated()== | 实例初始化后,数据观测,事件配置都还没有生效 |
==created()== | 此时数据可观测,事件配置,但是==el==还没有被挂载 |
==beforeMount()== | 此刻==el==挂载了,但是里面的数据没有更新 |
==mounted()== | 挂载后,此刻可以看到页面数据更新 |
==beforeUpdate()== | 数据更新时调用该钩子,发生在DOM打补丁之前 |
==updated()== | 数据更改导致虚拟DOM重新渲染和打补丁,在这之后会调用该钩子 |
==beforeDestroy()== | 实例销毁之前调用,在这时实例仍然可用 |
==destroyed()== | 实例销毁后调用,这时实例所绑定的事件,数据监听都将解绑。 |
tips: 执行销毁是this.$destroy(),在执行销毁后,与数据相关的绑定全部解绑,但是事件依然可以触发;
- 本文标题:Vue生命周期
- 本文作者:sonder
- 创建时间:2019-07-11 08:22:06
- 本文链接:https://sonderss.github.io/2019/07/11/Vue生命周期/
评论