vue的生命周期函数

使用方法 --- 4个before,4个ed,创造,装载,更新,销毁

初始化阶段

beforeCreate(){} // 准备怀孕

created(){} // 怀上了 *******************************************

beforeMount(){} // 准备生

mounted(){} // 生下来了 *************************************************

运行时阶段

beforeUpdate(){} // 每天都在长大

updated(){} ************************

销毁阶段

beforeDestroy(){} // 马上 game over

destroyed(){} // game over gg ************



综上所述,会在 created 或者 mounted 中请求数据

如果必须使用dom操作,那么可以在 mounted 和 updated 中

create 和 mounted 相关:

beforecreated:el 和data并未初始化

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

beforeMount:完成了 el 和data初始化

mounted:完成挂载



beforecreate: 页面加载完成之前,可以在这里加个loading事件

created:在这结束loading,还做一些初始化,实现函数自执行

mounted: 在这发起后端请求,拿回数据,配合路由钩子做一些事情

beforeDestroy: 销毁之前使用

destroyed:当前组件已被删除,清空相关内容

beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed这几个钩子函数,在服务器端渲染期间不被调用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。