vue-生命周期中的钩子

1、vue的生命周期:实例从建立到销毁的过程vue

2、生命周期钩子wKioL1mv4wbSkajYAAr2x7JyILA968.jpg-wh_50服务器

    beforecreate、created
ide

    beforeMount、mounted
函数

    beforeUpdate、updated
server

    beforeDestroy、destroyed
blog

3、各个钩子的触发阶段生命周期

    一、beforecreate: 在实例化以后(new vue),数据观测(data observer)和 event/watcher以前调用
事件

    二、created:实例已经建立完成以后被调用,在这一步,实例已完成以下配置,数据观测(data observer)、属性和方法的运算,watch/event事件回调,挂载阶段未开始,$el属性目前不可见。
get

    三、beforeMount: 在挂载开始以前被调用,相关的render函数首次被调用。
虚拟机

    四、mounted: el被建立的vm.$el替换,并挂载到实例上去以后调用

    五、beforeUpdat: 数据更新时调用,发生在虚拟机Dom从新渲染和打补丁以前,在这个钩子中进一步地更改状态,这不会触发附加的重渲染过程。

    六、updated: 在数据更改致使的虚拟Dom从新渲染避免在此期间更改状态,该钩子在服务器端渲染期间不被调用。

    七、beforeDestroy:实例销毁以前调用,在这一步,实例仍然可用

    八、destroyed:vue实例销毁后调用,vue实例指示的全部东西都会解绑,全部事件都会移除,全部的子实例也会被销毁,该钩子在服务器端渲染期间不被调用。

相关文章
相关标签/搜索