vue基础学习(1.7)：vue的生命周期

1. vue生命周期图示

2. vue生命周期分析

1. 初始化显示
   (1). beforeCreate();
   数据模型data还未加载

   (2). created();
   数据模型data和方法methods已经加载，但是html模板没有加载渲染

   (3). beforeMount();
   此时html模板未渲染

   (4). mounted();
   此时html模板已渲染

2. 更新状态
   (1). beforeUpdate();
   页面数据更新之前，会被调用

   (2). updated();
   页面数据更新了，会被调用

3. 销毁vue实例：vm.$destory()
   (1). beforeDestory();
   (2). destoryed()。

3. 常用的生命周期方法

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