1. vue生命周期图示

vue学习(七):vue的生命周期

2. vue生命周期分析

  1. 初始化显示
    (1). beforeCreate();
    (2). created();
    (3). beforeMount();
    (4). mounted();
  2. 更新状态
    (1). beforeUpdate();
    (2). updated();
  3. 销毁vue实例:vm.$destory()
    (1). beforeDestory();
    (2). destoryed()。

3. 常用的生命周期方法

  1. created()/mounted(); 可以用于发送ajax请求,启动定时器等异步操作;
  2. beforeDestory(): 做收尾工作,如清除定时器。

相关文章: