Vue生命周期钩子介绍

1.Vue生命周期8个钩子，4个阶段

    初始化阶段 : beforeCreate、created

    挂载阶段 ； beforeMount、mounted

    更新阶段 : beforeUpdate、updated

    销毁阶段 ： beforeDestroy、destroyed

2.Vue初始渲染走4个钩子

    初始化阶段 ： beforeCreate、created

    挂载阶段 ： beforeMount、mounted

3.执行顺序

        (1)beforeCreate(){} : 初始化Vue实例，但还没有创建data

        (2)created(){} ： 创建了data，但是还没有创建挂载点el

        (3)beforeMount(){}  ：el挂载点创建了，但是data数据还没有渲染

        (4)mounted(){}  ： data数据第一次渲染完毕 (完成初始渲染)，

        (5)beforeUpdate(){}  ： 检测到data数据变化，但是还没有开始重新渲染 (data变了，准备重新渲染中) ，会执行多次

        (6)updated  ：  变化后的data数据 ，完成渲染到页面 （完成重新渲染），会执行多次

        (7)beforeDestroy(){}  : vue实例销毁即将销毁(解除data与el的关联),之后修改data，页面不会被渲染

        (8)destroyed(){}  :   vue实例已经销毁