Vue生命周期函数(钩子函数)

每个Vue实例在被创建是都要经过一系列的初始化过程


Vue生命周期函数(钩子函数)_第1张图片
lifecycle.png

beforeCreate 组件实例刚被创建,el和data未初始化
created 组件实例创建完成,属性绑定,但DOM还未生成,el属性还不存在
beforeMount 完成了el和data的初始化,模板编译但还未挂载到页面
mounted 模板编译已经挂载到页面
beforeUpdate 组件更新之前(view层的数据变化)
updated 组件更新之后
beforeDestory 组件销毁前调用(不能操作对应数据,但院线生成的DOM还存在)
destoryed 组件销毁后调用

beforecreate : 举个栗子:可以在这加个loading事件
created :在这结束loading,还做一些初始化,实现函数自执行
mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情
beforeDestory: 你确认删除XX吗? destoryed :当前组件已被删除,清空相关内容

你可能感兴趣的:(Vue生命周期函数(钩子函数))