vue_0">1. vue生命周期图示
vue_2">2. vue生命周期分析
-
初始化显示
(1). beforeCreate();
数据模型data还未加载(2). created();
数据模型data和方法methods已经加载,但是html模板没有加载渲染(3). beforeMount();
此时html模板未渲染(4). mounted();
此时html模板已渲染 -
更新状态
(1). beforeUpdate();
页面数据更新之前,会被调用(2). updated();
页面数据更新了,会被调用 -
销毁vue实例:vm.$destory()
(1). beforeDestory();
(2). destoryed()。
3. 常用的生命周期方法
- created()/mounted(); 可以用于发送ajax请求,启动定时器等异步操作;
- beforeDestory(): 做收尾工作,如清除定时器。