1
2
3
4
5
6
7
beforeCreate : function(){

组件实例化之前调用

el和data并未初始化

}
1
2
3
4
5
6
7
created : function(){

组件实例化完毕,但页面还未显示

完成了data数据的初始化,el没有

}
1
2
3
4
5
6
7
beforeMount : function(){

组件挂载前,页面未显示,但虚拟DOM已经配置

完成了el和data初始化

}
1
2
3
4
5
6
7
mounted : function(){

组件挂载之后,此方法执行后,页面显示

完成挂载

}
1
2
3
4
5
beforeUpdate : function(){

组件更新前,页面未显示,但虚拟DOM已经配置

}
1
2
3
4
5
updated : function(){

组件更新,此方法执行后页面显示

}
1
2
3
4
5
beforeDestory : function(){

组件销毁前

}
1
2
3
4
5
destoryed : function(){

组件销毁

}

clipboard.png
vue生命周期钩子函数.png