Vue学习---生命周期

一、生命周期图示


lifecycle.png

1.beforeCreat:实例初始化之后,数据观测,event/watcher事件配置之前调用
2.created:实例初始化之后,且实例已经完成以下配置:数据观察,属性与方法的运算,event/watch事件的回掉。且挂载阶段没有开始,$el属性不可见

3.beforeMount:挂载开始之前(准备挂载)
4.mounted:el被新创建$el所替代。挂载成功

5.beforeUpdate:数据更新时
6.updated:数据更新完成

组件相关:
7.activated:keep-alive组件开始用时调用
8.deactivated:keep-alive组件停用时调用

9.beforeDestory:实例销毁之前调用,此时实例依然可用
10.destoryed:实例销毁后调用。vue执行的对象会解绑,监听事件会被移除

你可能感兴趣的:(Vue学习---生命周期)