Vue生命周期

47 阅读1分钟

Vue生命周期

生命周期:
    初始化:
        beforeCreate()执行,此时还未数据代理和数据监测,只是vue对象为null。
        created()执行,此时已经进行了数据代理和检测,vue对象被初始化。
        beforeMount()执行,此时生成了虚拟dom,还未渲染到模板中。
        mounted()执行,将虚拟dom转换为真实dom渲染到页面,可以操作dom元素,初始化结束。(定时器、发送请求、订阅消息、绑定自定义事件)
       
    更新:beforeUpdate()执行,此时如果更改了data,就会执行此方法,特点:页面和数据未能保持同步
         update()执行,此时新旧虚拟dom进行比较,完成页面的更新,完成Model和View的更新,保持页面和数据同步。
    销毁:beforeDestroy()执行,此时数据此时是可用状态,用于(关闭定时器,取消订阅消息,解绑自定义事件)
         destoryed()执行,vue对象销毁,不再管理dom。