vue2.0生命周期&数据共享

3.1 组件的生命周期

1、概念

（1）生命周期：是指一个组件从创建、运行、销毁的整个阶段，强调的是一个时间段

（2）生命周期函数：是由vue框架提供的内置函数，会伴随组件的生命周期，自动按次序执行

2、生命周期函数示意图：Vue 实例 — Vue.js

3、生命周期函数

（1）组件创建阶段

• beforeCreate()

  组件的props/data/methods尚未被创建，都处于不可用状态

• created()

  组件的props/data/methods已创建好，都处于可用状态，但是组件的模板结构尚未生成

• beforeMount()

  将要把内存中编译好的HTML结构渲染到浏览器中，此时浏览器中还没有当前组件的DOM结构

• mounted()

  已经把内存中HTML结构，成功的渲染到了浏览器中，此时浏览器中已然包含了当前组件的DOM结构

（2）组件运行阶段

• beforeUpdate()

  将要根据变化过后最新的数据，重新渲染组件的模板结构

• updated()

  已经根据最新的数据，完成了组件DOM结构的重新渲染

（3）组件销毁阶段

• beforeDestroy(