Vue声明周期(钩子函数)

概念:从vue**实例创建**到**虚拟dom产生**再到**数据绑定**监听**数据渲染**以及**销毁**的整个过程

生命周期的第一步首先是创建vue实例,并且进行初始化。
(1)vue实例初始化阶段
beforeCreate
    在初始化的时候调用了beforeCreate,完成了vue实例的生命周期相关属性的初始化以及事件的初始化。这个时候还不能访问数据模型中的data和methods中的方法。
created
    在初始化完毕之后,完成vue的数据注入以及数据监听操作,该构造的执行意味着vue实例创建完毕,可以进行data数据模型和和methods方法的访问
(2)vue实例挂载阶段
beforeMount
    在created之后,vue会判断实例中是否含有el属性,如果没有vm.$mount(el),接着会判断是否含有template属性,如果有将其解析为一个render function,如果没有将el指定的外部html进行解析。这里只完成了模板的解析但是数据并没有绑定到模板中。
mounted
    创建vm.$el替换el,实际上完成的是数据绑定操作,在其间执行乐render函数,将模板进行了解析,将数据进行了动态绑定
(3)vue实例更新阶段
    beforeUpdate
    更新虚拟dom节点
    updated
    完成了页面的重新渲染
(4)vue实例销毁阶段(this.$destroy()销毁实例)
    beforeDestroy
    销毁之前调用,此时可以访问vue实例
    destroyed
    完成了监听器,子组件,事件监听等移除,销毁vue实例对象。 


版权声明:本文为qq_53789078原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。